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计算 机 图 形 学 是 计算 机 科学 的 一 个 重要 分 支 , 现 在 的 计算 机 技术 应 用 领域 ,例如 计算 机 
辅助 设计 (CAD) 计算 机 动画 仿真 .影视 广告 特效 制作 .电脑 网 络 游戏 .虚拟 现实 、 三 维 扫描 
和 打印 以 及 人 工 智 能 技术 等 涉及 图 形 图 像 的 方面 ,都 在 直接 或 者 间接 地 使 用 计算 机 图 形 学 
的 理论 和 方法 。 那 么 ,如 何 学 习 才 能 掌握 计算 机 图 形 学 这 门 学 科 呢 ? 

作为 一 门 计算 机 应 用 技术 ,计算 机 图 形 学 具有 较 强 的 理论 性 和 实践 性 。 本 书 内 容 丰 富 ， 
不 仅 介绍 了 计算 机 图 形 学 这 门 学 科 的 主要 研究 内 容 以 及 基本 原理 ,也 提供 了 大 量 的 编程 实 
践 ,理论 与 实践 相 结合 是 本 书 的 重要 特色 ,可 以 在 一 定 程度 上 帮助 读者 开发 真实 的 图 形 应 用 
程序 ; 该 书 不 仅 系统 讲解 了 真实 图 形 开发 环境 下 使 用 的 OpenGL 技术 ,也 提供 了 Web 环境 
下 的 图 形 开 发 方法 ,可 以 使 读者 了 解 计算 机 图 形 学 的 应 用 趋势 。 

在 结构 安排 上 ,本 书 分 为 两 大 部 分 。 

第 一 部 分 为 本 书 前 9 童 内 容 ,详细 介绍 了 计算 机 图 形 学 的 主要 研究 内 容 、 基 本 原理 以 及 
图 形 学 的 开发 环境 和 编程 实践 。 具 体 如 下 : 

第 1 章 绪论 

介绍 了 计算 机 图 形 学 的 基本 概念 .相关 研究 内 容 应 用 领域 ,发 展 历史 以 及 发 展 趋势 。 

第 2 章 图 形 开发 工具 及 使 用 

详细 介绍 了 图 形 开发 工具 VC++ 系 统 的 开发 流程 、 相 关 函 数 及 集合 的 使 用 、 基 本 像素 点 
的 绘制 方法 以 及 非 模 式 对 话 框 的 交互 式 实现 方法 。 

第 3 章 ”基本 图 形 的 生成 

详细 讲解 了 直线 扫描 转换 生成 的 各 种 算法 及 实现 `VC++ 的 橡皮 筋 和 双 缓存 交互 技术 、 
圆 及 圆 弧 的 扫描 转换 、 椭 圆 的 扫描 转换 、 多 边 形 的 扫描 转换 和 填充 、 字 符 的 表示 、 线 宽 和 线 型 
处 理 方法 以 及 反 走 样 技术 。 

第 4 章 裁剪 

详细 讲解 了 直线 在 矩形 窗口 的 裁剪 算法 、 多 边 形 的 裁剪 (包括 矩形 及 凸 多边 形 裁剪 窗口 
的 裁剪 和 任意 形状 多 边 形 的 裁剪 及 实现 )\ 圆 的 裁剪 (包括 圆 形 窗口 的 直线 裁剪 和 任何 多 边 
形 窗口 对 圆 的 裁剪 及 实现 ) 以 及 字符 裁剪 。 

第 5 章 图 形变 换 

介绍 了 图 形变 换 的 数学 基础 ,详细 讲解 了 二 维 图 形 的 矩阵 变换 交互 式 对 象 拾取 和 捕捉 
技术 .三维 图 形 的 怎 阵 变换 、 三 维 图 形 的 线 框 拉 伸 造 型 方法 .投影 变换 、 三 维 图 形 的 交互 拾取 
以 及 透视 投影 变换 。 

第 6 章 消 隐 技术 

介绍 了 消 隐 的 相关 概念 ,详细 讲解 了 凸 多 面体 的 可 见 性 判断 方法 和 一 般 多 面体 的 各 种 
消 隐 算 法 ,并 对 基于 扫描 线 的 消 隐 算 法 进行 了 详细 分 析 和 编程 实现 。 

第 7 章 真实 感 图 形 绘制 

介绍 了 颜色 与 光 的 基本 知识 ,详细 讲解 了 简单 光照 模型 和 复杂 光照 模型 ,并 实现 了 简单 
光照 模型 的 编程 ,讲解 了 纹理 映射 的 实现 原理 。 
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第 8 章 曲线 曲面 

介绍 了 曲线 曲面 的 参数 表示 方法 以 及 相关 概念 ,详细 讲解 了 Bezier 表示 法 、 递 推 生成 
算法 和 Bézier 曲面 ,详细 讲解 了 也 样 条 的 定义 .了 B 样 条 曲线 的 递 推定 义 , 介 绍 了 B 样 条 曲线 
的 绘制 以 及 B 样 条 曲面 的 拉 伸 造型 方法 ,介绍 了 非 均 匀 有 理 B 样 条 NURBS 方法 。 

第 9 章 计算 机 动画 与 仿真 

介绍 了 动画 的 概念 及 基本 原理 、 逐 帧 动画 和 实时 动画 实现 方法 ,并 对 实时 动画 方法 进行 
了 编程 实现 。 

这 部 分 内 容 各 章节 之 间 理 论 独立 ,但 是 代码 编程 部 分 前 后 关联 ,并 创建 了 一 个 集成 的 图 
形 程序 ,因此 ,在 练习 这 一 部 分 的 代码 时 ,建议 循序 渐进 ,不 要 跳跃 式 学 习 。 

本 书 第 二 部 分 为 第 10 章 和 第 11 章 , 这 两 章 各 自 独立 ,分 别 介 绍 了 真实 环境 下 计算 机 图 
形 学 应 用 程序 接口 (APD 一 一 OpenGL 技术 和 Web 环境 下 的 图 形 开发 技术 ,如 果 读 者 仅 对 
OpenGL 技术 或 者 Web 图 形 开发 感 兴趣 ,可 以 直接 跳 过 本 书 前 面 的 章节 ,学 习 这 两 章 的 内 
容 。 具 体 如 下 : 

第 10 章 基于 OpenGL 的 图 形 开发 技术 

详细 讲解 了 VC++ 环 境 下 OpenGL 的 配置 方法 .OpenGL 基本 图 形 及 真实 感 图 形 绘 制 
技术 、OpenGL 图 像 处 理 技 术 、OpenGL 纹理 映射 技术 以 及 OpenGL 曲线 曲面 技术 等 。 

第 11 章 Web 图 形 开发 技术 

介绍 了 Web 绘图 技术 所 需 的 Html 文档 结构 JavaScript 脚本 语言 和 canvas 功能 标签 ， 
详细 介绍 了 JavaScript 语言 生成 基本 图 形 的 编程 方法 和 基于 WebGL 的 3D 图 形 技术 。 

本 书 编程 所 用 数据 均 由 应 用 程序 通过 动态 交互 获取 ,而 非 提 前 设 定 , 因 此 ,最 后 的 图 形 
显示 效果 为 实时 的 结果 ,这 样 ,直接 验证 了 书 中 算法 的 稳定 性 、 可 靠 性 和 可 行 性 。 

本 书 的 读者 对 象 可 以 是 在 校本 科 生 、 研 究 生 ,也 可 以 是 希望 学 习 和 掌握 计算 机 图 形 学 的 
相关 人 员 。 本 书 可 以 作为 计算 机 图 形 学 的 教材 ,也 可 以 作为 学 习 计算 机 编程 的 技术 书籍 。 

本 书 第 1 一 10 章 主要 由 李 晓 武 编写 ,第 11 章 主要 由 周 晓 雨 编写 。 由 李 晓 武 担任 主编 ， 
樊 百 琳 和 曹 彤 担任 副 主编 , 参 编 人 员 还 有 万 静 、 杨 峙 . 陈 平 . 许 倩 . 陈 华 和 杨 光 辉 等 ,他 们 还 提 
出 了 非常 宝贵 的 意见 ,在 此 一 并 致谢 。 除 了 已 经 列 出 的 参考 文献 以 外 ,还 参考 了 其 他 相关 图 
书 和 网 上 资料 ,无 法 一 一 列 出 ,说 向 所 有 作者 表达 谢意 。 本 书 的 编写 和 出 版 得 到 了 北京 科技 
大 学 教材 建设 经 费 的 资助 ,在 此 也 表示 感谢 。 

本 书 中 编程 实现 的 应 用 程序 代码 及 其 他 相关 资料 可 通过 本 书 封底 的 二 维 码 扫描 下 载 。 

由 于 作者 水 平 有 限 ,错漏 之 处 在 所 难免 ,恳请 读者 批评 指正 。 


编 者 
2018 年 4 月 于 北京 
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计算 机 图 形 学 (computer graphics,CG) 是 建立 在 传统 图 学 理论 .应 用 数学 和 计算 机 科 
学 等 基础 上 的 一 门 学 科 , 广 泛 应 用 于 很 多 领域 ,计算 机 辅助 设计 、 计 算 机 动画 仿真 、 虚 拟 现实 
和 计算 机 可 视 化 等 相关 学 科 和 技术 都 以 计算 机 图 形 学 的 原理 和 算法 为 基础 。 虽 然 现 在 各 学 
科 之 间 的 研究 内 容 相互 交 叉 、 相 互 渗透 ,使 学 科 界限 逐渐 模糊 ,但 是 计算 机 图 形 学 仍然 具有 
明显 的 学 科 特 点 。 


1.1 概 念 


由 于 计算 机 图 形 学 涉及 的 图 形 内 容 很 广泛 ,因此 ,对 其 很 难 有 一 个 统一 的 定义 ,国内 外 
各 种 专业 文献 对 它 的 概念 也 有 不 同 的 表述 。 

国际 标准 化 组 织 (International Organization for Standardization ,ISO) 给 出 的 定义 是 : 
计算 机 图 形 学 是 研究 通过 计算 机 将 数据 转换 为 图 形 ,并 在 专门 显示 设备 上 显示 的 原理 方法 
和 技术 的 学 科 。 

美国 电气 电子 工程 师 学 会 (Institute of Electrical and Electronics Engineers,IEEE) 给 
出 的 定义 是 : 计算 机 图 形 学 是 利用 计算 机 产生 图 形 影 像 的 一 门 艺术 或 科学 。 
目前 ,国内 广泛 采用 的 对 计算 机 图 形 学 的 定义 是 : 计算 机 图 形 学 是 研究 
机 来 表示 、 生 成 ,处 理 和 显示 图 形 的 原理 、 算 法 方法 和 技术 的 一 门 学 科 。 随 着 
不 断 扩展 和 延伸 ,人 们 对 计算 机 图 形 学 的 认识 会 进一步 深入 。 








怎样 利用 计算 
其 应 用 领域 的 






1.2 研究 内 容 及 应 用 领域 


1.2.1 图 形 和 图 像 的 关系 


对 计算 机 图 形 学 的 研究 首先 要 区 分 图 形 和 图 像 两 个 概念 ,二 者 虽然 有 联系 ,而 且 区 别 也 
越 来 越 模糊 ,但 还 是 有 区 分 的 。 
广义 上 ,能 在 人 的 视觉 系统 中 产生 视觉 印象 的 客观 对 象 都 可 以 称 为 图 形 ,包括 自然 景 
物 、 拍 摄 的 照片 ,用 数学 方法 描述 的 图 形 ,等 等 。 狭 义 上 ,计算 机 图 形 学 中 的 图 形 是 指 用 数学 
方法 描述 的 形状 ,图 形 通常 由 点 ` 线 \ 面 \ 体 等 几何 元 素 和 灰 度 、 色 彩 、 线 型 、 线 宽 等 非 几 何必 
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性 组 成 。 从 构成 要 素 上 看 ,图形 主 要 分 为 两 类 : 一 类 是 几何 要 素 在 构图 中 具有 突出 作用 的 
图 形 , 如 工程 图 、 等 高 线 地 图 、 曲 面 的 线 框图 等 ; 另 一 类 是 非 几何 要 素 在 构图 中 具有 突出 
作用 的 图 形 , 如 明暗 图 、 尝 泻 图 、 真 实感 图 形 等 ,这 样 的 图 形 又 称 为 撩 量 图 形 。 例 如 ,一 幅 
花 的 矢量 图 形 实际 上 是 由 线段 形成 外 框 轮廓 ,由 外 框 的 颜色 以 及 外 框 所 封闭 的 颜色 决定 
花 显 示 出 的 颜色 。 矢 量 图 只 有 通过 图 形 软件 才能 生成 ,图 形 文件 在 计算 机 的 硬盘 和 内 存 
中 占用 的 空间 较 小 ,图 形 放大 或 者 缩小 后 图 像 不 会 失真 ,显示 质量 和 显示 设备 的 分 辩 率 
无 关 。 

图 像 是 广义 上 的 图 形 , 它 是 指 通过 诸如 视觉 系统 看 到 的 一 幅 景 象 .照相 机 拍 的 一 张 照 
片 . 图 像 扫描 设备 扫描 获得 的 图 片 等 方式 获得 的 图 形 ,在 计算 机 内 图 像 以 点 阵 位 图 (bitmap) 
的 形式 呈现 ,图 像 中 的 每 一 个 点 记录 了 图 像 在 该 点 的 灰 度 、 亮 度 或 者 颜色 值 ,将 图 像 中 所 有 
点 的 灰 度 、 亮 度 或 者 颜色 值 组 合 在 一 起 才能 得 到 图 像 的 整体 信息 。 因 此 ,图 像 需要 记录 每 一 
个 图 像 点 ,相对 于 图 形 文件 ,图像 文件 占用 的 计算 机 空间 较 大 ,显示 会 发 生 失 真 现象 ,显示 质 
量 和 显示 设备 的 分 辩 率 有 关 。 


1.2.2 图 形 输入 输出 硬件 技术 


从 软 硬 件 上 划分 ,计算 机 图 形 学 的 研究 大 致 可 分 为 两 个 方面 : 一 是 计算 机 对 图 形 数 据 
输入 、 输 出 的 硬件 技术 研究 ,二 是 图 形 数据 的 计算 、 处 理 和 存储 的 软件 技术 研究 。 

由 于 计算 机 图 形 学 最 初 是 由 于 计算 机 图 形 硬 件 的 发 展 而 产生 的 ,因此 图 形 硬 件 是 其 重 
要 的 研究 内 容 之 一 ,例如 图 形 的 输入 、 输 出 设备 和 技术 ,包括 显示 设备 的 结构 体系 ,硬件 交 
互 , 接 口 等 方面 。 

图 形 输入 设备 常用 的 是 键盘 和 鼠标 ,其 他 的 还 有 坐标 数字 化 仪 .图形 扫描 仪 .触摸屏 、 光 
笔 、 操 纵 杆 以 及 数据 手套 等 ,三 维 扫描 仪 是 现在 的 研究 热点 之 一 , 它 可 以 通过 直接 扫描 空间 
物体 来 获得 物体 的 立体 图 形 数据 。 图 形 输入 设备 获得 的 图 形 分 为 矢量 型 图 形 和 光栅 扫描 型 
图 形 两 种 类 型 ,矢量 型 图 形 即 我 们 所 讲 的 图 形 (graphics) ,记录 的 是 图 形 的 几何 要 素 ( 轮 廓 
和 形状 等 ) 以 及 非 几何 要 素 ( 颜 色 、 材 质 等 ) ,光栅 扫描 型 图 形 获得 的 数据 是 由 亮度 值 构成 的 
像素 矩阵 一 一 图 像 (image) ,图 像 数 据 转化 为 图 形 数据 后 , 即 可 用 于 计算 机 图 形 相关 软件 中 。 
图 形 输入 设备 的 重要 性 能 指标 是 图 形 输入 的 精度 。 

图 形 输 出 设备 包括 显示 器 打印机、 绘图 仪 等 ,图 形 数据 经 过 计算 后 可 在 显示 器 上 呈现 
当前 的 图 像 状 态 或 者 图 形 编 辑 后 的 结果 ,也 可 以 通过 打印 机 、 绘 图 仪 在 纸 质 介 质 上 保留 下 
来 ,以 便 长 期 保存 。 当 前 图 形 输出 设备 研究 的 热点 之 一 一 一 三 维 打印 机 ,可 以 将 空间 立体 的 
图 形 数 据 直 接 快 速成 型 。 图 形 输出 设备 的 重要 性 能 指标 是 图 形 输出 的 精度 。 





1.2.3 计算 机 图 形 学 的 主要 研究 内 容 


由 于 计算 机 图 形 学 是 研究 利用 计算 机 来 表示 、 处 理 和 显示 图 形 的 原理 、 方 法 和 技术 的 学 
科 , 所 以 ,凡是 和 此 相关 的 内 容 都 是 计算 机 图 形 学 的 研究 内 容 。 简 单 来 说 ,从 基本 图 形 到 
复杂 图 形 ,从 二 维 图 形 到 三 维 图 形 ,从 静态 图 形 到 动态 仿真 图 形 , 从 线 框 和 实体 模型 到 真 
实感 图 形 、 虚 拟 现实 、 真 实 场景 以 及 其 他 相关 计算 机 图 形 表示 等 都 属于 计算 机 图 形 学 的 
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研究 范畴 。 而 且 , 由 于 计算 机 技术 的 迅猛 发 展 , 计 算 机 图 形 学 的 研究 内 容 也 在 不 断 变化 
和 丰富 完善 。 

计算 机 图 形 学 的 研究 主要 是 围绕 图 形 信息 的 输入 表达、 存储 、 显 示 、 变 换 以 及 图 形 准 确 
性 、 真 实 性 和 实时 性 的 基础 算法 进行 的 ,其 算法 可 以 分 为 以 下 几 类 。 

(1) 基于 图 形 设 备 的 基本 图 形 数 据 结 构 和 图 形 元 素 的 生成 算法 ,如 光栅 图 形 显示 器 生 
成 直线 、 圆 弧 、 二 次 曲线 ,封闭 边界 内 的 图 案 填 充 , 以 及 反 走 样 等 。 

(2) 图 形 元 素 的 几何 变换 、 投 影 变换 、 窗 口 裁剪 等 。 

(3) 自由 曲线 和 曲面 的 插值 、 拟 合 、 拼 接 、 分 解 .过 渡 、 光 顺 、 整 体 和 局 部 修改 等 。 

(4) 图 形 元 素 ( 点 线 \ 面 \ 体 、 环 ) 的 求 交 以 及 集合 运算 。 

(5) 隐藏 线 、 隐 藏 面 消 隐 算 法 以 及 具有 光照 模型 效果 的 真实 感 图 形 显示 算法 。 

(6) 不 同 字体 的 点 阵 表 示 。 

(7) 山 水花、 烟云 等 模糊 景物 的 生成 算法 。 

(8) 三 维 形体 的 实时 显示 和 处 理 。 

(9) 虚拟 现实 环境 的 生成 及 其 控制 算法 。 

除了 上 述 内 容 外 ,图 形 交互 技术 、 图 像 生成 算法 、 色 彩 处 理 、 图 形 操作 和 处 理 、 图 形 优 
化 和 加 速 、 图 形 信 息 的 描述 和 表示 、 图 形 数据 的 存储 和 检索 以 及 编码 等 技术 也 是 计算 机 
图 形 学 的 研究 内 容 。 由 于 计算 机 图 形 学 的 研究 问题 来 源 于 日 常生 活 , 以 及 科学 、 工 程 技 
术 .艺术 .影视 .游戏 .医疗 .军事 ,教育 等 领域 .因此 ,计算 机 图 形 学 的 研究 目的 也 是 解决 
相关 领域 的 实际 需求 ,例如 ,科学 计算 可 视 化 和 三 维 或 高 维 数据 场 的 可 视 化 技术 ,可 将 科 
学 计算 中 大 量 难以 理解 的 数据 通过 计算 机 图 形 显示 出 来 ,从 而 使 人 们 加 深 对 其 科学 过 程 
的 理解 ; 有 限 元 分 析 结 果 、 应 力 场 /磁场 的 分 布 海洋 洋流 运动 .气候 变化 分 布 以 及 各 种 
复杂 的 运动 学 和 动力 学 问题 可 以 通过 图 形 仿真 来 直观 地 呈现 ; 除 此 以 外 ,计算 机 动画 、 
自然 景物 仿真 、 虚 拟 现实 、 地 理 信息 系统 等 也 属于 计算 机 图 形 学 的 研究 内 容 。 而 且 由 
于 学 科 交 又 和 融合 ,很 多 研究 内 容 和 技术 已 经 从 计算 机 图 形 学 中 独立 出 来 ,成 为 一 门 
新 的 学 科 。 

为 使 读者 理解 和 掌握 计算 机 图 形 学 的 基本 理论 和 方法 ,本 书 着 重 讨论 如 何在 计算 机 中 
表示 图 形 ,以 及 如 何 利用 计算 机 进行 图 形 的 生成 ,处理 和 显示 的 相关 原理 与 算法 ,为 进一步 
学 习 和 研究 计算 机 图 形 学 的 相关 问题 打下 坚实 的 基础 。 本 书 对 计算 机 图 形 学 的 研究 主要 集 
中 在 以 下 方面 : 

(1) 图 形 生成 技术 研究 ,包括 线段 、 圆 弧 、 字 符 \ 区 域 填充 、 消 隐 、 光 照 模型 纹理, 灰 度 与 
色彩 等 各 种 真实 感 图 形 生成 技术 ; 

(2) 几何 模型 构造 技术 研究 ,包括 二 维 / 三 维 几 何 模型 .自由 曲线 和 曲面 造型 等 ; 

(3) 图 形 编辑 与 处 理 技术 研究 ,包括 图 形 的 平移 、 旋 转 、 缩 放 、 投 影 \、 裁 前 等 几何 变换 ,三 
维 几何 投影 变换 ; 

(4) 动画 技术 ; 

(5) 图 形 动 态 交互 拾取 技术 ; 

(6) OpenGL 图 形 开发 技术 ; 

(7) Web 环境 下 图 形 开发 技术 。 
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1.2.4 计算 机 图 形 学 的 应 用 领域 


从 相关 研究 内 容 可 以 看 出 ,以 计算 机 图 形 为 基础 的 相关 软 硬 件 技术 已 经 广泛 应 用 于 很 
多 领域 ,如 科学 \ 工 程 、 医 药 、 工 业 、 艺 术 娱 乐 、 广 告 和 教学 等 ,直接 或 者 间接 地 对 我 们 的 工作 、 
学 习 和 生活 产生 了 深刻 的 影响 。 

计算 机 辅助 设计 与 制造 (CAD/CAM) 是 计算 机 图 形 学 最 广泛 、 最 活跃 的 应 用 领域 。 利 
用 计算 机 图 形 学 的 基本 原理 和 方法 研发 的 CAD/CAM 软件 ,已 广泛 地 应 用 于 机 械 、 建 筑 等 
产品 和 工程 的 设计 ,如 飞机 汽车、 船舶 、 建 筑 、 轻 工 、 机 电 、 服 装 的 外 形 设 计 ,大 规模 集成 电 
路 .电子 器 件 的 设计 以 及 工厂 企业 的 布局 等 。CAD 软件 现在 已 经 是 工程 产品 设计 必 不 可 少 
的 工具 , 它 可 以 极 大 缩短 产品 设计 周期 ,节省 原材料 ,提高 产品 设计 质量 等 ,其 产生 的 经 济 效 
益 十 分 明显 。CAD 软件 中 的 三 维 几何 造型 技术 具有 很 多 优点 ,除了 造型 便捷 外 ,还 可 以 进 
行 装 配件 的 虚拟 装配 .干涉 检查 等 ,结合 CAM 和 CAE( 计 算 机 辅助 工程 分 析 ) 等 软件 或 功 
能 模块 ,对 产品 进行 仿真 数控 加 工 、 有 限 元 分 析 等 ,基本 上 代表 了 CAD 的 发 展 方向 。 现 在 
产品 设计 已 不 再 是 一 个 设计 领域 内 孤立 的 技术 问题 ,而 是 综合 了 产品 各 个 相关 领域 .相关 工 
程 . 相 关 技 术 资 源 和 相关 组 织 形式 的 系统 化 工程 。 在 网 络 环境 下 进行 异地 异 构 系统 的 协同 
设计 ,已 成 为 CAD 领域 的 研究 热点 之 一 。 

科研 、 工 程 、 商 业 及 社会 中 的 各 个 行业 都 会 产生 大 量 的 数据 ,从 这 些 “ 数 据 海 洋 ”" 中 提取 
有 价值 的 信息 ,并 通过 数据 分 析 和 处 理 找到 变化 的 规律 及 数据 反映 的 本 质 特征 尤为 重要 ,以 
计算 机 图 形 学 为 基础 的 科学 计算 的 可 视 化 技术 将 数据 转化 为 图 形 或 者 图 像 显 示 出 来 ,而 且 
根据 需要 也 可 以 进行 交互 处 理 , 对 数据 处 理 非 常 有 帮助 。1987 年 2 月 英国 国家 科学 基金 会 
在 华盛顿 召开 了 有 关 科 学 计算 可 视 化 的 首次 会 议 , 会 议 一 致 认为 “将 图 形 和 图 像 技 术 应 用 于 
科学 计算 是 一 个 全 新 的 领域 ”, 科 学 家 们 不 仅 需 要 分 析 由 计算 机 得 出 的 计算 数据 ,而 且 需 要 
了 解 在 计算 过 程 中 数据 的 变化 。 会 议 将 这 一 技术 定名 为 “科学 计算 可 视 化 ”(visualization in 
scientific computing)。 科 学 计算 可 视 化 将 图 形 生 成 技术 、 图 像 理解 技术 结合 在 一 起 , 它 既 
可 理解 送 入 计算 机 的 图 像 数 据 , 也 可 以 从 复杂 的 多 维 数据 中 产生 图 形 。 它 涉及 下 列 相互 独 
立 的 几 个 领域 : 计算 机 图 形 学 .图像 处 理 、. 计 算 机 视觉 .计算 机 辅助 设计 及 交互 技术 等 。 科 
学 计算 可 视 化 按 其 实现 的 功能 来 分 ,可 以 分 为 三 个 档次 : 结果 数据 的 后 处 理 ; @ 结 果 数 
据 的 实时 跟踪 处 理 及 显示 ; 图 结果 数据 的 实时 显示 及 交互 处 理 。 科 学 计算 可 视 化 技术 根据 
所 研究 对 象 的 领域 的 不 同 , 可 分 为 科学 可 视 化 数据 可 视 化 和 信息 可 视 化 。 由 于 社会 活动 日 
益 频 繁 ,数据 量 呈 爆炸 式 的 增加 ,可 视 化 技术 有 着 广阔 的 发 展 前 途 。 

虚拟 现实 技术 是 近 几 年 的 研究 重点 之 一 ,“ 虚 拟 现实 ”(virtual reality) 一 词 是 由 美国 喷 
气 推动 实验 室 (VPL) 的 创始 人 拉 尼 尔 (Jaron Lanier) 首先 提出 的 ,在 克 鲁 格 (Myren 
Kruege)20 世纪 70 年 代 中 早期 的 实验 中 被 称 为 ”人工 现 实 ”(artificial reality) ,而 在 吉布森 
(William Gibson)1984 年 出 版 的 科幻 小 说 Neuremanccr 中 ,又 被 称 为 “可 控 空 间 ”(cyber 
space) 。 简 单 来 说 ,虚拟 现实 技术 就 是 人 们 利用 计算 机 生成 一 个 逼真 的 三 维 虚拟 环境 ,通过 
自然 动作 操作 传 感 设 备 来 与 之 相互 作用 的 新 技术 。 与 传统 的 数字 仿真 系统 相 比 , 利 用 虚拟 
现实 技术 构造 出 来 的 可 视 化 虚拟 现实 系统 具有 三 个 重要 特征 : 一 是 沉浸 性 ,体验 者 的 确 有 
“看 得 见 、 摸 得 着 、 听 得 到 、 闻 得 出 ”的 身 临 其 境 的 真实 感受 ; 二 是 交互 性 ,体验 者 使 用 日 常生 
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活 中 的 方式 与 虚拟 场景 中 的 人 或 物 进 行 各 种 交流 ,产生 真实 的 互动 体会 ; 三 是 构想 性 ,用 户 
在 虚拟 的 环境 中 获取 新 的 知识 和 体验 ,形成 感性 或 理性 的 认识 ,从 而 产生 新 的 思想 和 行动 ， 
有 效 提高 思考 和 行动 能 力 。 虚 拟 现实 技术 主要 研究 用 计算 机 模拟 (构造 ) 三 维 图 形 空 间 , 并 
使 用 户 能 够 自然 地 与 该 空间 进行 交互 。 它 涉及 很 多 学 科 的 知识 ,对 三 维 图 形 处 理 技术 的 要 
求 特 别 高 。 简 单 的 虚拟 现实 系统 早 在 20 世纪 70 年 代 便 被 应 用 于 军事 领域 ,用 来 训练 驾驶 
员 。80 年 代 后 , 随 着 计算 机 软 硬 件 技术 的 提高 ,该 系统 也 得 到 重视 并 迅速 发 展 。 目 前 , 它 已 
在 航空 航天 、 医 学 教育 艺术 、 建 筑 等 领域 得 到 初步 的 应 用 。 例 如 ,1997 年 7 月 ,美国 国家 
航空 航天 局 的 “旅居 者 号 ”火星 车 着 陆 距 地 球 约 1.9 亿 km 的 火星 。 这 辆 在 火星 表面 缓慢 疏 
行 的 小 车 中 并 没有 驾驶 员 , 它 是 由 地 球 上 的 工程 师 通过 虚拟 现实 系统 操纵 的 。 虚 拟 现实 技 
术 的 应 用 范围 很 广 ,例如 用 于 脑 外 科 规 划 的 双手 操作 空间 接口 工具 。 美 国 弗吉尼亚 大 学 推 
出 了 一 种 能 用 于 脑 外 科 规 划 的 被 称 为 Netra 的 双手 操作 空间 接口 工具 ,根据 脑 外 科 医 生 的 
工作 环境 和 习惯 ,该 系统 采用 一 种 外 形 像 人 头 的 控制 器 。 脑 外 科 医 生 可 以 根据 他 们 的 职业 
习惯 ,通过 转动 外 形 像 人 头 的 控制 器 来 方便 地 观察 人 脑 的 不 同 部 位 ,同时 通过 右手 控制 面板 
的 平面 来 控制 人 脑 的 剖面 的 扫描 ,并 能 根据 CT 或 强 磁 共 振 图 像 所 产生 的 主体 脑 模型 显示 
所 需 得 到 观察 视点 着 色 后 的 真实 图 像 。 虚 拟 环 境 也 可 用 于 恐 高 症 治 疗 .虚拟 风 洞 实验 ,作为 
封闭 式 战 斗 作战 训练 器 ,以 及 用 于 建筑 设计 中 。 

地 理 信息 系统 (geographical information system,GIS) 是 建立 在 地 理 图 形 之 上 的 关于 人 
口 .矿藏 ,森林 ,旅游 等 资源 的 综合 信息 管理 系统 。 在 地 理 信息 系统 中 ,计算 机 图 形 学 技术 被 
用 来 产生 高 精度 的 各 种 资源 的 图 形 , 包 括 地 理 图 、 地 形 图 、 森 林 分 布 图 、 人 口 分 布 图 、 矿 藏 分 
布 图 ,气象 图 、 水 资源 分 布 图 等 。 地 理 信息 系统 可 以 为 管理 和 决策 者 提供 非常 有 效 的 支 
持 , 它 在 发 达 国 家 中 已 得 到 广泛 应 用 ,我 国 也 对 其 开展 了 广泛 的 研究 与 应 用 。 例 如 数字 
化 地 图 是 地 理 信息 系统 在 人 们 日 常生 活 中 的 一 个 直接 应 用 ,给 人 们 的 旅游 等 带 来 了 极 大 
的 便利 。 

除了 上 述 领域 外 ,计算 机 图 形 学 还 应 用 于 软件 的 交互 界面 设计 、 计 算 机 动画 、 影 视 特效 
和 游戏 制作 等 。 归 纳 起 来 ,计算 机 图 形 学 可 应 用 于 如 下 学 科 和 和 领域， 

(1) 计算 生物 学 (computational biology) 

(2) 计算 物理 学 (computational physics) 

(3) 计算 机 辅助 设计 Ccomputer aided design) 

(4) 数字 化 艺术 (digital art) 

(5) 教育 (education) 

(6) 图 形 设计 (graphic design) 

(7) 信息 几何 (infographics) 

(8) 信息 可 视 化 (information visualization) 

(9) 理论 药物 设计 (rational drug design) 

(10) 交通 可 视 化 (scientific visualization) 

(11) 视频 游戏 (video games) 

(12) 虚拟 现实 (virtual reality) 

(13) 网 络 设计 (web design) 











~ 


计算 机 图 形 学 一 原理 、 算 法 及 实践 





1.3 发 展 历 史 


计算 机 图 形 学 是 伴随 着 计算 机 的 出 现 而 产生 的 ,主要 经 历 了 以 下 几 个 发 展 阶 段 。 
1.3.1 萌芽 阶段 


世界 上 第 一 台数 字 电 子 通 用 计算 机 ENIAC 于 1946 年 2 月 14 日 在 美国 宾夕法尼亚 大 
学 研制 成 功 ,由 于 没有 连接 图 形 显示 设备 ,因此 ,这 时 的 计算 机 和 图 形 学 之 间 没 有 建立 联系 。 
1950 年 ,美国 麻 省 理工 学 院 (MIT) “旋风 1 号 ”计算 机 (whirlwind 1) 配 备 了 一 个 图 形 显示 
器 ,该 显示 器 用 一 个 类 似 于 示波器 的 阴极 射线 管 (CRT) 来 显示 一 些 简单 的 图 形 ,CRT 的 出 
现 为 计算 机 生成 和 显示 图 形 提 供 了 可 能 。1958 年 美国 Calcomp 公司 将 联机 的 数字 记录 仪 
发 展 成 滚 简 式 绘图 仪 ,GerBer 公司 把 数控 机 床 发 展 成 平板 式 绘图 仪 。 由 于 当时 的 计算 机 主 
要 应 用 于 科学 计算 ,为 这 些 计算 机 配置 的 图 形 设备 仅 具 有 输出 功能 ,不 具备 人 机 交互 功能 ， 
计算 机 图 形 学 在 这 个 阶段 尚 处 于 准备 和 酝酿 时 期 。 到 20 世纪 50 年 代 末 期 ,MIT 的 林肯 实 
验 室 在 “旋风 ?计算 机 上 开发 了 SAGE 空中 防御 体系 ,第 一 次 使 用 了 具有 指挥 和 控制 功能 的 
CRT 显示 器 ,操作 者 可 以 用 光 笔 在 屏幕 上 指出 被 确定 的 目标 。 与 此 同时 ,类 似 的 技术 在 设 
计 和 生产 过 程 中 也 陆续 得 到 了 应 用 ,这 是 交互 式 计 算 机 图 形 系 统 的 雏形 ,预示 着 交互 式 计算 
机 图 形 技术 的 诞生 。 








1.3.2 发 展 阶 段 


1962 年 ,MIT 林肯 实验 室 的 Ivan E. Sutherland 发 表 了 一 篇 题 为 “Sketchpad: 一 个 人 

机 交互 通信 的 图 形 系统 ”的 博士 论文 ,他 在 论文 中 首次 使 用 了 计算 机 图 形 学 (computer 
graphics) 这 个 术语 ,证 明了 交互 计算 机 图 形 学 是 一 个 可 行 的 .有 用 的 研究 领域 ,从 而 确定 了 
计算 机 图 形 学 作为 一 个 绒 新 的 学 科 分 支 的 独立 地 位 ; 他 在 论文 中 所 提出 的 一 些 基 本 概念 和 
技术 ,如 交互 技术 .分 层 存 储 符 号 的 数据 结构 等 至 今 还 在 广 为 应 用 。1964 年 MIT 的 教授 
Steven A. Coons 提出 了 被 后 人 称 为 超 限 插值 的 新 思想 ,通过 
插值 四 条 任意 的 边界 曲线 来 构造 曲面 。 同 在 20 世纪 60 年 代 
早期 ,法 国 雷诺 汽车 公司 的 工程 师 Pierre Bezier 发 展 了 一 套 
被 后 人 称 为 Bezier 曲线 .曲面 的 理论 ,成功 地 用 于 几何 外 形 设 
计 , 并 开发 了 用 于 汽车 外 形 设 计 的 UNISURF 系统 。Coons 
方法 和 Bezier 方法 是 CAGD 最 早 的 开创 性 工作 。 值 得 一 提 
的 是 ,计算 机 图 形 学 的 最 高 奖 是 以 Coons 的 名 字 命 名 的 ,而 获 
得 第 一 届 (1983 年 ) 和 第 二 届 (1985 年 ) Steven A. Coons 奖 
1.3-1 计算 机 图 形 学 学 科 的 ,恰好 是 Ivan E. Sutherland 和 Pierre Bézier。Ivan E. 
创始 人 一 Ivan E。 Sutherland 被 称 为 “计算 机 图 形 学 之 父 ”, 获 得 了 1988 年 的 计 
ee 算 机 界 的 最 高 奖 * 图 灵 奖 "和 IEEE 计算 机 杰出 成 就 奖 ,他 也 











是 许多 图 形 学 基本 算法 的 创始 人 ( 见 图 1. 3-1) 。 
1.3.3 推广 应 用 阶段 


20 世纪 70 年 代 是 计算 机 图 形 学 发 展 过 程 中 一 个 重要 的 历史 时 期 。 由 于 光栅 显示 器 的 
产生 ,在 60 年 代 就 已 萌芽 的 光栅 图 形 学 算法 迅速 发 展 起 来 ,区 域 填 充 、 裁 剪 、 消 隐 等 基本 图 
形 概念 及 其 相应 算法 纷纷 诞生 ,图 形 学 进入 了 第 一 个 兴盛 的 时 期 ,并 开始 出 现实 用 的 CAD 
图 形 系统 。 又 因为 通用 ,与 设备 无 关 的 图 形 软件 的 发 展 ,图 形 软 件 功 能 的 标准 化 问题 被 提 了 
出 来 。1974 年 ,美国 国家 标准 化 局 (American National Standards Institute,ANSI) 在 ACM 
SIGGRAPH 的 一 个 “与 机 器 无 关 的 图 形 技 术 ” 的 工作 会 议 上 ,提出 了 制定 有 关 标 准 的 基本 
规则 。 此 后 ACM 专门 成 立 了 一 个 图 形 标准 化 委员 会 ,开始 制定 有 关 标 准 。 该 委员 会 于 
1977 年 .1979 年 先后 制定 和 修改 了 “核心 图 形 系统 ”(core graphics system)。ISO 随后 又 发 
布 了 计算 机 图 形 接口 (computer graphics interface, CGI)、 计 算 机 图 形 元 文件 标准 
(computer graphics metafile,CGMD)、 计 算 机 图 形 核心 系统 (graphics kernel system,GKS)、 
面向 程序 员 的 层次 交互 图 形 标准 (programmer's hierarchical interactive graphics standard， 
PHIGS) 等 。 这 些 标准 的 制定 ,对 计算 机 图 形 学 的 推广 ,应 用 以 及 资源 信息 共享 起 到 了 重要 
作用 。 

在 20 世纪 70 年 代 , 计 算 机 图 形 学 的 另外 两 个 重要 进展 是 真实 感 图 形 学 和 实体 造型 技 
术 的 产生 。1970 年 Bouknight 提出 了 第 一 个 光 反 射 模型 ,1971 年 Gourand 提出 * 漫 反射 模 
型 十 插值 "的 思想 ,被 称 为 Gourand 明暗 处 理 。1975 年 Phong 提出 了 著名 的 简单 光照 模 
型 一 一 Phong 模型 。 这 些 可 以 算是 真实 感 图 形 学 最 早 的 开创 性 工作 。 另 外 ,从 1973 年 开 
始 , 相 继 出 现 了 英国 剑桥 大 学 CAD 小 组 的 Build 系统 、 美 国 罗 彻 斯 特大 学 的 PADL-1 系统 


1.3.4 实用 化 阶段 


1980 年 Whitted 提出 了 一 个 光 透视 模型 一 一 Whitted 模型 ,并 第 一 次 给 出 光线 跟踪 算 
法 的 范例 一 一 实现 Whitted 模型 ; 1984 年 ,美国 Cornell 大 学 和 日 本 广岛 大 学 的 学 者 分 别 将 
热 辐射 工程 中 的 辐射 度 方法 引入 计算 机 图 形 学 中 ,用 辐射 度 方法 成 功 地 模拟 了 理想 漫 反 射 
表面 间 的 多 重 漫 反 射 效 果 ; 光线 跟踪 算法 和 辐射 度 算法 的 提出 ,标志 着 真实 感 图 形 的 显示 
算法 已 逐渐 成 熟 。 

20 世纪 80 年 代 以 后 ,工作 站 的 出 现 也 极 大 促进 了 计算 机 图 形 学 的 发 展 。 相 对 小 型 计 
算 机 来 说 ,工作 站 是 一 个 用 户 使 用 一 台 计算 机 ,交互 响应 时 间 短 ,而 且 可 以 共享 资源 ,如 大 容 
量 磁盘 、 高 精度 绘图 仪 等 ,在 图 形 生成 上 具有 显著 的 优点 。 因 此 工作 站 取代 小 型 计算 机 成 为 
图 形 生 成 的 主要 环境 。 到 了 80 年 代 后 期 ,微型 计算 机 的 性 能 迅速 提高 ,并 配 有 高 分 辨 率 的 
显示 器 和 窗口 管理 系统 ,可 在 网 络 环境 下 运行 。 由 于 其 价格 便宜 ,因此 得 到 了 广泛 的 推广 ， 
尤其 是 微型 计算 机 上 的 图 形 软件 和 支持 图 形 应 用 的 操作 系统 及 程序 (如 Windows Office、 
AutoCAD、CoreDraw、FreeHand、3DMax 等 ) 的 全 面 出 现 , 使 计算 机 图 形 学 技术 的 应 用 深度 
和 广度 得 到 了 前 所 未 有 的 发 展 。 
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1.3.5 标准 化 、 智 能 化 阶段 


20 世纪 90 年 代 , 随 着 多 媒体 技术 的 提出 ,计算 机 图 形 学 的 功能 有 了 很 大 的 提高 ,计算 
机 图 形 系统 已 成 为 计算 机 系统 必 不 可 少 的 组 成 部 分 。 随 着 面向 对 象 的 程序 设计 语言 的 发 
展 ,出 现 了 面向 对 象 的 计算 机 图 形 系统 ,计算 机 图 形 学 开始 朝 着 标准 化 、 集 成 化 和 智能 化 的 
方向 发 展 ,国际 标准 化 组 织 公布 的 图 形 标准 越 来 越 多 , 且 更 加 成 熟 , 并 得 到 了 广泛 的 认同 和 
采用 。 这 些 图 形 标准 包括 计算 机 图 形 接 口 (CGD) 标 准 、 计 算 机 图 形 元 文件 (CGMD) 标 准 、 图 
形 核心 系统 (GKS) 三维 图 形 核 心 系统 (GKS-3D) 和 程序 员 层 次 交互 图 形 系统 (PHIGS)。 
图 形 软件 标准 制定 的 主要 目标 是 提供 计算 机 图 形 操作 所 需要 的 功能 ,包括 图 形 的 输入 输出 、 
图 形 数据 的 组 织 和 交互 等 ,使 现 有 的 计算 机 和 图 形 设备 的 功能 得 到 有 效 利 用 ,以 满足 实际 应 
用 的 需要 ,并 在 不 同 的 计算 机 系统 ,不同 的 应 用 系统 .不 同 的 用 户 之 间 进 行 信息 交换 ,使 图 
形 、 程 序 能 够 重复 使 用 ,与 设备 无 关 , 实 现 设 备 的 独立 性 和 便于 移植 ,减少 应 用 系统 的 开发 费 
用 和 重复 开发 等 。 

超大 规模 集成 电路 的 发 展 也 为 图 形 学 的 飞速 发 展 竟 定 了 物质 基础 。 计 算 机 的 运算 能 力 
的 提高 ,图 形 处 理 速度 的 加 快 ,使 得 图 形 学 的 各 个 研究 方向 得 到 充分 发 展 ,图 形 学 已 广泛 应 
用 于 动画 、 科 学 计算 可 视 化 .CAD/CAM .影视 娱乐 等 各 个 领域 。 





1.3.6 多 学 科 融 合 发 展 阶段 


进入 21 世纪 以 后 ,计算 机 图 形 学 的 研究 逐渐 朝 着 多 学 科 交 叉 融 合 的 方向 发 展 , 既 有 与 
认 知 计算 、 机 器 学 习 、 人 机 交互 的 融合 ,也 有 与 大 数据 分 析 、 可 视 化 的 融合 ; 不 仅 针对 三 维 数 
字模 型 ,还 涵盖 了 图 像 视频 ,体现 出 与 计算 机 视觉 的 深度 交叉 。 计 算 机 图 形 学 快速 发 展 , 一 
个 潜在 的 趋势 是 不 再 有 明确 清晰 的 主题 ,而 更 多 地 体现 出 方法 和 技巧 的 创新 。 前 沿 热点 领 
域 包括 3D 打印 .机 器 人 、 认 知 计算 、 大 数据 分 析 与 可 视 化 以 及 虚拟 现实 技术 等 。 以 3D 打印 
为 例 , 它 涉及 机 械 制 造 、 材 料 设 计 、 几 何 造 型 .颜色 ,力学 特性 等 多 个 学 科 的 交叉 ,其 中 与 计算 
机 图 形 学 有 关 的 研究 内 容 包 括 面向 3D 打印 的 几何 模型 高 效 表 示 方 法 、 表 面 效 果 定制 ( 纹 
理 、 颜 色 ) 和 模型 结构 优化 分 析 方法 等 。 计 算 机 图 形 学 的 研究 人 员 也 积极 参与 到 机 器 人 的 研 
究 热 潮 中 ,除了 机 器 人 路 径 规划 和 人 形 机 器 人 运动 仿真 这 些 传统 的 计算 机 图 形 学 研究 内 容 
外 ,研究 人 员 已 经 开发 了 多 项 机 器 人 在 图 形 学 中 的 应 用 ,例如 机 器 人 模仿 人 类 的 面部 表情 ， 
模块 化 机 器 人 为 模块 化 家 具 提 供 支 持 等 。 虚 拟 现实 技术 的 需求 也 推动 了 三 维 复杂 环境 的 实 
时 动态 显示 技术 发 展 , 人 体 动画 技术 研究 向 多 方面 发 展 ,曲线 曲面 技术 仍然 是 研究 的 热点 。 


1.4 学 科 发 展 
从 计算 机 图 形 学 学 科 发 展 来 看 ,有 以 下 几 个 发 展 趋势 。 


(1) 与 图 形 硬件 的 发 展 紧密 结合 ,突破 实时 高 真实 感 ,高 分 辩 率 泻 染 的 技术 难点 。 
图 形 演 染 是 整个 图 形 学 发 展 的 核心 。 在 计算 机 辅助 设计 方面 ,影视 动漫 以 及 各 类 可 视 
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化 应 用 中 都 对 图 形 泻 染 结 果 的 高 真实 感 提出 了 很 高 的 要 求 。 同 时 ,由 于 显示 设备 的 快速 发 
展 ,人 们 要 求 能 提供 高 清 分 辩 率 (1920X1080) ,进一步 要 能 达到 数字 电影 所 能 播放 的 4K 分 
辨 率 (4096X2060); 色彩 的 动态 范围 也 希望 从 原来 每 个 通道 的 8b 提高 到 10b 及 以 上 。 虽 
然 已 有 的 图 形 学 方法 已 经 能 较为 真实 地 再 现 各 类 视觉 效果 ,然而 为 了 能 提供 高 分 辩 率 、 高 动 
态 的 演 染 效果 ,必须 消耗 非常 可 观 的 计算 能 力 。 一 帧 精美 的 高 清 分 辩 率 图 像 ,单机 泻 染 往往 
需要 耗费 数 小 时 至 数 十 小 时 。 为 此 ,传统 方法 主要 采用 分 布 式 系统 ,将 泻 染 任务 分 配 到 集群 
泻 染 节点 中 。 即 使 这 样 ,也 需要 使 用 上 千 台 计算 机 ,耗费 数 月 时 间 才 能 完成 一 部 标准 90min 
长 度 的 影片 泻 染 。 

基于 图 形 处 理 器 (graphics processing unit,GPU) 的 硬件 技术 得 以 发 展 迅 速 , 已 经 能 在 
一 个 GPU 芯片 上 采用 64nm 工艺 集成 上 千 个 采用 单 指令 多 数据 流 架 构 的 通用 计算 核心 。 
2009 年 底 , 主 流 图 形 硬件 商 nVidia 和 AMD 以 及 Intel 还 推出 了 基于 多 指令 多 数据 流 计算 
核心 的 GPU 芯片 用 于 图 形 加 速 绘制 ,以 支持 DirectX 11 及 OpenGL 3.0 图 形 标准 。 最 新 的 
图 形 学 研究 采用 GPU 技术 ,可 以 充分 利用 计算 指令 和 数据 的 并 行 性 ,已 可 在 单个 工作 站 上 
实现 百倍 于 基于 CPU 方法 的 泻 染 速度 。 

然而 已 知 的 实现 方法 ,其 实现 效果 还 较为 初步 ,无 法 实现 复杂 的 视觉 特效 , 离 实 时 的 高 
真实 感 泻 染 还 有 很 大 差距 。 其 主要 原因 是 : 缺乏 良 好 的 数据 组 织 方法 。 基 于 GPU 的 方 
法 由 于 硬件 的 架构 原因 ,其 数据 组 织 无 法 如 同 CPU 方法 一 样 组 织 , 因 此 对 复杂 的 数据 结构 
仍 无 法 提供 很 好 的 支持 。@ 缺 乏 标准 高 效 的 GPU 高 层 编程 语言 、 编 译 器 以 及 相应 调试 工 
具 。 图 由 于 以 上 两 个 问题 ,无 法 完整 地 实现 适 于 电影 泻 染 制作 的 RenderMan 标准 ,以 及 其 
他 各 类 基于 物理 真实 感 的 泻 染 算法 。 因 此 ,如 何 充分 利用 GPU 的 计算 特性 ,结合 分 布 式 的 
集群 技术 解决 以 上 这 些 难 题 ,从 而 构造 低 功 耗 的 泻 染 服务 ,是 图 形 学 的 未 来 发 展 趋势 之 一 。 

(2) 研究 和 谐 自然 的 三 维 模型 建 模 方法 。 

三 维 模型 建 模 方 法 是 计算 机 图 形 学 的 重要 基础 ,是 生成 精美 的 三 维 场景 和 逼真 动态 效 
果 的 前 提 。 然 而 ,传统 的 三 维 模型 方法 ,由 于 其 主要 思想 方法 来 源 于 CAD 中 基于 参数 式 调 
整 的 形状 构造 方法 , 建 模 效率 低 而 学 习 门 槛 高 ,不 易于 普及 和 让 非 专 业 用 户 使 用 。 而 随 着 计 
算 机 图 形 技术 的 普及 和 发 展 , 各 类 用 户 都 提出 了 高 效 的 三 维 建 模 需 求 , 因 此 研究 和 谐 自 然 的 
三 维 建 模 方法 是 发 展 的 一 个 重要 趋势 。 

采用 合适 的 交互 手段 来 进行 三 维 模型 的 快速 构造 ,特别 是 应 用 于 概念 设计 和 建筑 设计 
领域 ,已 引起 了 国际 同行 的 广泛 关注 。 由 于 笔 式 或 草图 交互 方式 非常 符合 人 类 原 有 日 常生 
活 中 的 思考 习惯 ,因此 是 研究 的 重点 问题 。 其 难点 是 根据 具体 的 应 用 领域 ,与 视觉 方法 相 融 
合 ,如 何 设计 合理 的 交互 语汇 以 及 对 应 的 过 程式 “识别 一 构造 "方法 。 

与 此 相关 的 一 个 问题 是 基于 规则 的 过 程式 建 模 方法 。 由 于 Google Earth 等 数字 地 图 
信息 系统 的 广泛 应 用 ,对 于 地 图 之 上 的 建筑 物 信息 等 存在 迫切 需求 ,为 此 ,研究 者 希望 通过 
激光 扫描 或 者 视频 等 获取 方式 获得 相关 信息 后 能 迅速 地 重建 出 相关 三 维 模型 信息 。 然 而 单 
纯 的 重建 方式 存在 精度 低 、 稳 定性 差 和 运算 量 大 等 不 足 , 远 不 能 满足 实际 的 需求 。 因 此 ,最 
近 的 研究 中 ,倾向 于 采用 基于 规则 的 过 程式 建 模 方法 来 尝试 高 效 地 构造 出 三 维 建筑 模型 ,以 
及 相关 的 树木 等 结构 化 场景 。 

三 维 建 模 方法 中 的 另 一 主要 问题 是 研究 合适 的 曲面 表达 方法 ,以 适 于 各 类 图 形 学 的 应 用 。 
在 CAD 中 的 主流 方法 是 采用 非 均匀 有 理 B- 样 条 方法 (nonuniform rational B-spline, NURBS)， 
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然而 此 类 方法 无 法 很 好 地 解决 非 正 规 情况 下 的 曲面 拼合 ,不 太 适 合 于 图 形 学 。 为 此 , 细 分 曲 
面 方法 作为 一 种 离散 迭代 的 曲面 构造 方法 ,由 于 其 构造 过 程 朴素 简单 以 及 实现 容易 ,因而 成 
为 一 个 方兴未艾 的 研究 热点 ,而 且 极 有 可 能 逐步 取代 NURBS 方法 。 主 要 需要 解决 的 问题 
有 : 外 奇异 点 处 的 C 连续 性 的 有 效 构造 方法 ; @ 与 GPU 图 形 硬件 相 结合 的 曲面 处 理 方法 。 

(3) 利用 日 益 增长 的 计算 性 能 ,实现 具有 高 度 物理 真实 的 动态 仿真 。 

高 度 物理 真实 感 的 动态 模拟 ,包括 对 各 种 形变 、 水 、 气 、 云 .烟雾 .燃烧 、 爆 炸 、 撕 和 裂 、 老 化 
等 物理 现象 的 真实 模拟 ,是 计算 机 图 形 学 一 训 六 疗法 击 的 和 村 。 这 一 技术 是 各 类 动态 仿真 
应 用 的 核心 技术 ,可 以 极 大 地 提高 虚拟 现实 系统 的 沉浸 感 。 然 而 高 度 物理 真实 性 模拟 ,主要 
受 限于 计算 机 的 处 理 能 力 和 存储 容量 ,不 能 处 理 很 高 精度 的 模拟 ,也 无 法 做 到 很 高 的 响应 速 
度 。 所 幸 的 是 ,GPU 技术 带 来 了 革新 这 一 技术 的 可 能 。 充 分 利用 GPU 硬件 内 部 的 并 行 性 ， 
研究 者 开始 普遍 关注 基于 GPU 的 各 类 数学 物理 方程 求解 及 其 相关 的 有 限 元 加 速 计算 方 
法 ,主要 研究 关注 的 焦点 还 是 单个 物理 方法 的 GPU 实现 。 然 而 , 随 着 nVidia 推出 了 基于 
GPU 的 PhysX 通用 物理 加 速 技术 ,以 及 Havok 公司 与 AMD 合作 开发 了 通用 物理 中 间 件 
技术 ,相信 未 来 可 为 高 度 物理 真实 的 动态 模拟 提供 新 的 研究 机 遇 。 

(4) 研究 多 种 高 精度 数据 获取 与 处 理 技术 ,增强 图 形 技术 的 表现 。 

为 获得 真实 感 的 画面 与 逼真 动态 效果 ,一 种 有 效 的 解决 途径 是 采用 各 种 高 精度 手段 获 
取 所 需 的 几何 ,纹理 以 及 动态 信息 。 为 此 ,研究 者 正在 考虑 对 各 个 尺度 上 的 信息 进行 获取 : 
小 到 物体 表面 的 微 结构 、 纹 理 属性 和 反射 属性 通过 研制 特殊 装置 予以 捕获 与 处 理 , 或 采用 一 
组 摄像 机 来 获取 演员 的 几何 形体 与 动态 ; 大 到 采用 激光 扫描 获取 整 幢 建 筑 物 的 三 维 数据 。 
这 里 需要 研究 的 三 个 问题 是 : 中 图 形 获 取 设 备 的 设计 与 实现 ,这 是 与 计算 机 视觉 、 硬 件 、 软 
件 相关 的 系统 工程 研究 问题 ; @@ 由 于 一 般 获取 的 数据 均 极为 庞大 且 附 加 了 各 种 噪声 与 宛 余 
信息 ,如 何 进行 处 理 与 压缩 以 适合 于 图 形 学 应 用 ; @ 一 旦 获取 相关 的 数据 ,如 何 进行 重用 。 
因此 使 得 基于 数据 驱动 的 方法 .与 机 器 学 习 相 交叉 的 图 形 学 方法 成 为 最 近 的 研究 热点 。 

(5) 计算 机 图 形 学 图 谷 袍 闫 处理 拷 术 的 傅 合 。 

家 用 数字 相机 和 摄像 机 的 日 益 普 及 ,使 得 对 于 数字 图 像 与 视频 数据 的 处 理 成 为 了 计算 
机 研究 中 的 热点 问题 。 而 计算 机 图 形 学 技术 恰 可 以 与 这 些 图 像 处 理 、 视 觉 方 法 交叉 融合 ,来 
直接 生成 风格 化 的 画面 ,实现 基于 图 像 三 维 建 模 ,以 及 直接 基于 视频 和 图 像 数 据 来 生成 动画 

序列 。 计 算 机 图 形 学 正 向 的 图 像 生 成 方法 和 计算 机 视觉 中 道 向 地 从 图 像 中 恢复 各 种 信息 方 

法 相 结 合 , 可 以 带 来 无 可 限量 的 想象 空间 ,构造 出 很 多 视觉 特效 来 ,最 终 用 于 增强 现实 、 数 字 
地 图 ,虚拟 博物 馆 展 示 等 。 

(6) 从 追求 绝对 的 真实 感 向 追求 与 强调 图 形 的 表意 性 转变 。 

计算 机 图 形 学 在 追求 真实 感 方向 的 研究 发 展 已 进入 一 个 发 展 的 平台 期 ,基本 上 各 种 真 
实感 特效 在 不 计较 计算 代价 的 前 提 下 均 能 较 好 得 以 重 现 。 然 而 .人们 创造 和 生成 图 片 的 终 
极目 的 不 仅 是 展现 真实 的 世界 ,更 重要 的 是 表达 所 需要 传达 的 信息 。 例 如 ,在 一 个 需要 描绘 
的 场景 中 每 个 对 象 和 元 素 都 有 其 相关 需要 传达 的 信息 ,可 根据 重要 度 不 同 采用 不 同 的 绘制 
策略 来 进行 分 层 泻 染 再 加 以 融合 ,最 终 合成 具有 一 定 表意 性 的 图 像 。 为 此 ,研究 者 已 经 开始 
研究 如 何 将 图 像 处理 ` 人 工 智 能 ,心理 认 知 等 领域 相 结合 ,探索 合适 的 表意 性 图 形 生成 方法 。 
而 这 一 技术 趋势 的 兴起 ,实际 上 延续 了 已 有 的 非 真 实感 绘制 研究 中 的 若干 进展 , 必 将 在 未 来 
有 更 多 的 发 展 。 











图 形 开发 工具 及 使 用 








为 了 实现 计算 机 图 形 学 的 基本 理论 和 图 形 算法 ,需要 首先 搭建 图 形 的 开发 平台 。 由 于 
图 形 可 视 化 界面 已 经 是 计算 机 系统 必 不 可 少 的 组 成 要 素 , 因 此 ,现在 几乎 所 有 的 计算 机 开发 
语言 都 具有 图 形 开 发 功能 ,例如 早期 的 C 语言 ,以 及 Basic、.C++、Java 等 语言 均 提供 相关 的 
图 形 编 程 函 数 ,近期 的 C# 、JavaScript 脚本 语言 等 也 都 支持 图 形 编程 。 计 算 机 图 形 学 理论 
早期 常 采用 Turbo C 实现 , 随 着 美国 微软 公司 的 Windows 系统 在 微型 计算 机 领域 中 的 普及 
使 用 ,微软 提供 的 Visual Studio 集成 开发 环境 成 为 应 用 程序 开发 的 主流 平台 。 其 中 Visual 
C++ 是 Visual Studio 集成 开发 平台 中 广泛 使 用 的 程序 开发 框架 ,Visual C++ 采用 C++ 语言 
开发 程序 ,可 以 建立 、 调 试 和 发 布 Windows 应 用 程序 ,并 具有 可 视 化 的 类 和 函数 ,界面 友好 、 
操作 简便 , 极 大 简化 了 程序 的 开发 过 程 。Visual C++ 除了 开发 常用 的 应 用 程序 外 ,也 非常 适 
合计 算 机 图 形 学 的 交互 式 图 形 开发 ,是 一 个 理想 的 计算 机 图 形 学 理论 和 算法 的 编程 工具 。 
由 于 互联 网 技术 高 速 发 展 ,移动 设备 迅速 普及 ,在 新 应 用 环境 下 支持 计算 机 图 形 学 的 开发 平 
台 也 在 逐渐 形成 ,如 HTML5 图 形 标准 开发 等 。 由 于 本 书 的 目的 是 理解 和 掌握 计算 机 图 形 学 
的 理论 和 方法 ,希望 有 一 个 相对 成 熟 的 图 形 开 发 环境 ,所 以 ,本 书 仍 然 采 用 Visual C++ (简称 
VC++) 作 为 图 形 开发 框架 ,具体 使 用 经 典 的 Visual C++ 6.0( 简 称 VC6.0) 版 本 ,在 该 版 本 下 
所 开发 的 代码 在 Visual Studio 更 高 级 系列 版 本 中 仍 可 使 用 。 








2.1 VC++ 开 发 系统 简介 


2.1.1 VC6.0 系统 介绍 


VC6.0 是 一 个 可 视 化 的 软件 开发 框架 ,利用 其 中 的 应 用 程序 创建 向 导 功 能 ,可 以 帮助 
快速 创建 图 形 软件 。 在 Windows 系统 中 安装 VC6. 0 后 ,桌面 上 会 出 现 VC6. 0 的 快捷 方 
式 ,打开 后 软件 界面 如 图 2. 1-1 所 示 。 

为 了 快速 创建 软件 ,可 以 使 用 VC6. 0 的 应 用 程序 创建 向 导 来 实现 。 在 菜单 栏 中 选择 
“文件 ”新 建 ”命令 ,打开 “新建 ?对 话 框 , 如 图 2. 1-2 所 示 。 

在 “工程 ?选项 卡 中 ,选中 MFC AppWizard(exe) 选 项 ,在 “工程 名 称 ” 文 本 框 中 输入 要 创 
建 的 程序 的 名 字 ,例如 CGTest001, 单 击 “ 确 定 ” 按 钮 ,VC6.0 的 创建 向 导 开始 自动 创建 应 用 
程序 ,并 弹出 一 系列 的 对 话 框 进行 程序 设置 。 其 中 ,在 步骤 1 的 对 话 框 中 ,在 “您 要 创建 的 应 
用 程序 类 型 是 : ”的 选项 中 ,选择 “ 单 文 档 ” 单 选 按钮 .然后 单 击 “ 下 一 步 ” 按 钮 ,进行 下 一 步 的 
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图 2.1-1 VC6.0 界 面 


文件 工程 | 工作 区 | 其 它 文档 | 
ATL COM AppWizard 加 Win32 DynamicLink Uibrary ”工程 名 称 [N]: 


MAudio Effect DMO Wizard 到 Win32 Static Library [catesool 
i Cluster Resource Type Wizard 
加 Custom AppWizard 


祝 Database Projcct 


位 置 [O: 
感 DevStudio Add-in Wizard D3usersvzhitubwDesktopvCGTe :| 














1SAPI Extension Wizard 人 创建 新 的 工作 空间 四 
[Makefile C 添加 到 当前 工作 空间 办 
能 MFC Activex ControlWizard 广 从 后 于 人 

国 MFC AppWizard (dll) Dj: 


万 MFC Appwizard [exe] ” 


忌 平台 加 : 
Win32 Console Application 四 Win32 
TI ' 


图 2.1-2 “新 建 ” 对 话 框 











设置 ,如 图 2. 1-3 所 示 。 
在 应 用 程序 向 导 创建 的 其 他 步骤 中 ,接受 默认 的 选项 ,并 单 击 “ 下 一 步 ” 按 钮 ,在 最 后 一 
步 ,可 以 看 到 向 导 为 应 用 程序 自动 创建 的 类 及 类 文件 ,如 图 2. 1-4 所 示 。 
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上 您 要 创建 的 应 用 程序 类 型 是 : 


8 单 文 档 B 

人 多 重文 档 M 

F 基本 对 话 框 [D) 

玉 文档 讲 看 体系 结构 支持 全 


您 的 资源 使 用 的 语言 是 : 
人 中文 [ 潭 体 ， 中 国 ] APPWzCHS.DLy 可 





应 用 程序 向 导 为 您 创建 了 以 下 类 : 


CCGTest001App 
CMainFrame 
CCGTest001Doc 


类 名 [Cl: 头 文件 {E): 


[eceTestnolView [CSTestonlviewn 


基 类 内; 执行 文件 四 : 
CView 了 ] [CGTestoniview.cpp 


<* 上 沙沙 > 完成 


图 2.1-4 程序 创建 向 导 步 又 6 

















创建 好 的 应 用 程序 开发 平台 如 图 2. 1-5 所 示 。 在 左 侧 的 工作 空间 窗口 中 ,可 以 看 到 已 
经 创建 的 程序 框架 对 应 的 类 、 资 源 和 文件 。 

在 菜单 栏 中 选择 “组 建 ”>“ 执 行 [CCGTest001. exe](Ctrl 十 F5)” 命 令 ,编译 并 打开 创建 
好 的 应 用 程序 ,软件 界面 如 图 2. 1-6 所 示 。 这 是 一 个 标准 的 Windows 风格 的 应 用 程序 ,上 
面 有 菜单 和 默认 的 工具 栏 , 中 间 的 空白 区 域 即 为 绘图 区 域 (或 者 称 为 视图 窗口 )。 

软件 界面 中 的 所 有 内 容 , 例 如 菜单 .工具 条 ,状态 栏 ,对话 框 以 及 绘图 窗口 等 ,在 应 用 程序 
中 都 有 对 应 的 资源 .类 和 类 文件 ,而 且 是 一 一 对 应 的 关系 。 其 中 绘图 区 域 对 应 的 是 应 用 程序 中 
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图 2.1-5 程序 框架 


IDBB Ses? 








图 2.1-6 程序 软件 界面 


的 视图 类 ,图 示 中 的 视图 类 是 CCGTest001View ,对 应 的 文件 是 头 文件 CGTest001View. h 
和 源 文件 CGTest001View. cpp, 如 图 2. 1-7 所 示 。 

应 用 程序 中 其 他 的 类 及 文件 ,如 CAboutDlg、CCGTest001App、CCGTest001Doc 和 
CMainFrame 等 ,是 创建 软件 程序 框架 必须 具备 的 部 分 ,但 在 实现 计算 机 图 形 原 理 算法 时 用 
不 到 这 些 类 及 文件 ,不 用 考虑 其 实际 意义 。 

在 默认 状态 下 ,视图 窗口 的 左上 角 是 绘图 区 域 坐标 系 的 原点 ,X 轴 向 右 ,Y 轴 向 下 ,如 
图 2. 1-8 所 示 。 在 实现 计算 机 图 形 学 的 算法 时 ,以 显示 器 的 像素 点 作为 长 度 单 位 。 
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CeeTest881Uiew::~CCGTest a01Uiew() 
四 








》 
CGTest001.cpp 
因 CGTest001.rc BOOL CCGTeste61uUiew::PreCreateWindowCRERTESTRUCT& cs) 
CGTest001Doc.cpp € 
国 CGTest001View.cpp 4/ TOD0: Modify the Window class or styles here by modif 
国 MainFrm.cpp 1/ the CREATESTRUCT cs 
出 国 return CUiew::PreCreateWindow(cs); 
下 > 
CGTest001Doch AA 
国 CGTest001Viewh // CeGTesto01Uiew drawing 
ainFrm.h 
国 Resource.h void CCGTestee1Uiew::0nDraw(CDCr* pDC) 
' CCSGTestee1Doce pDoc = BetDocument(); 
申 ee RSSERT_URLIDKppoc); 
田 - 自 Exdemal Dependendies l 17 TODO: add draw code for native data herd 
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711 5CGTest9e1Uiew printing 









BOOL CCGTest661Uiew::0nPrepareprinting(CPrintInfow plnfo) 





/1/ default preparation 
return DopreparePrinting(pInfo); 





划 csTestee1.exe - 8 error(s), © warning(s) 





ll BE 
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图 2.1-7 视图 类 CCGTest001View 
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图 2.1-8 绘图 区 域 坐标 系 
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2.1.2 VC++ 相 关 设 计 流 程 


在 VC6.0 中 ,可 视 化 窗口 上 的 任何 操作 ,例如 , 单 击 菜单 里 的 菜单 项 . 单 击 工具 栏 
里 的 工具 图 标 以 及 在 绘图 区 域 单 击 . 右 击 、 移 动 鼠标 或 者 双击 等 ,都 会 被 视 为 一 种 消息 
(Message) ,如 果 需 要 对 该 消息 进行 相应 的 响应 , 则 进入 对 应 的 消息 函数 中 进行 处 理 。 例 如 ， 
在 绘图 区 域 的 任意 位 置 单 击 , 就 会 触发 视图 类 CCGTest001View 中 的 WM_LBUTTONUP 
这 个 消息 ,如 果 对 该 消息 进行 响应 , 则 进入 对 应 的 消息 函数 OnLbuttonUp() 中 进行 相应 处 
理 , 上 述 过 程 的 消息 函数 操作 如 图 2. 1-9 所 示 。 在 开发 环境 的 菜单 栏 中 选择 “查看 ”>“ 建 立 
类 向 导 ” 命 令 ,打开 类 向 导 (MFC ClassWizard) 对 话 框 ,切换 到 消息 映射 (Message Maps) 选 
项 卡 , 在 类 名 (Class Name) 下 拉 列 表 框 中 选择 视图 类 (CCGTest001View) ,对 象 标识 (Object 
IDs) 列 表 框 中 选择 视图 类 名 本 身 , 在 消息 (Messages) 列 表 框 中 选择 WM_LBTTONUP 选项 ， 
双击 或 者 单 击 Add Function 按钮 ,在 视图 类 里 增加 鼠标 左 键 单 击 的 消息 函数 OnLbuttonUp()， 
在 类 头 文件 CGTest001View. h 中 可 以 看 到 声明 的 该 函数 名 ,在 源 文件 CGTest001View. cpp 中 
可 以 看 到 该 函数 体 。 








MFC ClassWizard 









?7 Xx | 

Message Maps | Member Variables | Automation | Activex Events | Class Info | 
Project Class name: Rs 
CGTeatn01 可 cccrestomview - 
CACGTest01Vicw.h, Ch..ACGTesto01View.cpp [Benz | 
Object IDs: Messages: Delete Function 
WwWM_KILLFOCUS r 

)_APP_ABOUT WM_LBUTTONDBLCLK | 






WM LBUTTONDOWN 


ID_JEDIT_UNDO v 
Memberfunctions: | 
V OnBeginPrinting ~ 

V OnDraw 

¥ OnEndPrinting 


[WE ON_WM_LBUTTONUP |! 
V OnPreparePrinting 





Description: Indicates when Icft mouse button is relcased 





确定 取消 





图 2.1-9 声明 消息 函数 
假如 ,要 求 单 击 时 弹出 一 个 对 话 框 , 则 OnLButtonUp() 函 数 中 的 代码 为 : 


void CCGTest001View: :OnLButtonUp(UINT nFlags, CPoint point) { 
//TODO: hdd your message handler code here and/or call default 
MessageBox(" 现 在 是 鼠标 左 键 点 击 !"); // 本 行为 增加 的 代码 


CView: :OnLButtonUp(nFlags, point); 
J 
编译 并 运行 增加 代码 后 的 应 用 程序 ,打开 软件 ,在 绘图 区 域 单 击 ,弹出 窗口 ,如 图 2. 1-10 
所 示 。 鼠 标 其 他 操作 的 函数 设置 和 上 述 方法 类 似 。 
VC6.0 中 的 所 有 资源 (菜单 .工具 栏 、 对 话 框 .图 标 等 ) 都 有 了 唯一 的 标识 符号 ,可 以 在 对 
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国 Untitied - ccresoo 
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DEB HRs)? 





图 2.1-10 消息 函数 操作 


应 的 资源 属性 窗口 中 设置 相应 的 属性 ,如 图 2. 1-11 所 示 。 和 鼠标 单 击 消息 函数 设置 方法 类 
似 , 单 击 菜单 或 者 工具 条 也 触发 相应 的 消息 函数 ,一 般 情况 下 , 单 击 菜单 和 工具 条 是 为 了 实 


现 一 项 新 的 功能 。 


0 GtTest001 - Microsoft Vieual C+ + - (SLTest00Lre - IDR_MAINFRAME (Menu] 
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厂 已 复 选 四 。 厂 已 变 厅 [G] 三 帮助 山 
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| sag mel -| We 的 光 ! 局 避 | 
CGLTesto0IView [Nl class members| =][ ® OnSize EF 
EE 3 
日 全 6GLTesn01 resources 
出 因 Accelerator 
Dialog 
古国 Icon 
让 Menu 
DR_MAINFRAME 
| | Swing Table 
让 Toolbar 
市 回 version 
Pm 属性 > i 
加 时 常规 | 扩展 样式 | 
ID: jp_EDr_coPY 了 了 ] 标明 ICl:。 | 复制 &CINCulC 
厂 分 隔 符 向 三 弹出 加 厂 非 基 动 中 疡 四): | 无 下 














所 示 (MJ: [和 刺 补 法 对 锡 证 将 其 置 于 时 贴 板 上 yn 复制 
































2.1-11 菜单 属性 窗口 








如 果 要 增加 菜单 栏 或 者 工具 条 里 的 项 目 , 可 以 双击 空白 菜单 项 或 者 工具 条 项 ,打开 要 增 


加 的 项 目的 属性 对 话 框 ,输入 唯一 标识 符 和 标题 名 称 即 可 。 如 图 2. 1-12 所 示 为 增加 一 个 画 
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线 的 工具 条 。 
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图 2.1-12 增加 工具 条 


表 2. 1-1 所 示 为 常用 的 操作 命令 ,在 编译 、 调 试 或 者 执行 应 用 程序 时 会 经 常用 到 。 
表 2.1-1 常用 的 操作 命令 



































工具 栏 图 标 命令 快捷 方式 作用 说 明 
& Ctrl 十 F5 键 执行 程序 
F5 键 在 调试 状态 下 执行 程序 
uw] F9 键 在 光标 所 在 行 设置 调试 断 点 ,再 单 击 一 次 去 掉 断 点 
二 Ctrl 十 F7 键 编译 程序 
疝 F7 键 创建 程序 
EE 停止 创建 程序 
F10 键 在 调试 状态 下 代码 逐 行 执行 
Ctrl 十 F2 键 在 光标 所 在 行 设置 标签 
F2 键 锁定 标签 行 
在 VC6.0 中 ,向 图 形 设备 (如 显示 器 和 打印 机 ) 的 绘图 和 文本 输入 等 操作 是 通过 设备 的 
抽象 接口 类 CDC 来 实现 的 ,在 视图 类 中 ,有 一 个 专门 用 于 在 设备 中 显示 内 容 的 函数 OnDraw 
(CDC * pDC)。 例 如 ,在 绘图 区 域内 写 一 行文 字 , 直 接 在 该 函数 中 写 代 码 , 如 图 2. 1-13 所 示 。 


使 用 VC6. 0 编程 时 ,应 注意 以 下 事项 : 
(1) 每 行 代码 必须 以 英文 分 号 "; ”结束 ; 
(2) 代码 中 的 变量 和 函数 名 称 等 的 字母 区 分 大 小 写 ; 
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图 2.1-13 OnDraw 函数 中 写 绘图 代码 


(3) 在 其 他 函数 里 调用 OnDraw() 时 ,可 通过 Invalidate() 函 数 实现 ; 
(4) 为 了 交互 ,需要 设计 交互 步骤 ,可 以 采用 状态 标识 符号 ,如 flag 二 0,1,2 表示 不 同 的 
状态 或 者 操作 步骤 。 


2.2 VC++ 基本 图 素 的 绘制 方法 


2.2.1 相关 类 及 函数 


在 实现 计算 机 图 形 学 的 原理 和 算法 时 ,会 用 到 VC6. 0 中 的 相关 类 、 函 数 、 数 组 、 头 文件 
以 及 模板 等 ,本 节 对 此 进行 简单 介绍 。 

CPoint point 一 一 存放 视图 窗口 像素 点 的 坐标 ,其 中 point. x 是 水 平方 向 的 xz 坐标 值 ， 
point. y 是 垂直 方向 的 y 坐标 值 。 

COLORREF crColor 一 一 像素 点 的 颜色 值 类 ,可 以 直接 写 为 RGB(r,g,b),r、g、b 分 别 
对 应 三 基色 中 的 红色 值 \ 绿 色 值 和 蓝 色 值 , 取 值 范围 在 0 一 255 之 间 。 其 中 RGB(255,0,0) 
是 红色 ,RGB(0,255,0) 是 绿色 ,RGB(0,0,255) 是 蓝 色 ,RGB(255,255,255) 是 黑色 。 

COLORREF SetPixel(int x,int y,COLORREF crColor) 一 一 在 绘图 窗口 的 绘制 点 的 
函数 ,x 和 y 是 点 的 zx 坐标 和 yy 坐标 ,crColor 是 该 点 的 颜色 。 例 如 pDC 一 > SetPixel(x,y， 
RGB(255,0,0)); 命令 在 视图 窗口 的 (x,y) 点 会 绘制 一 个 红色 的 点 。 

为 了 在 视图 窗口 拾取 多 个 点 ,可 以 利用 集合 类 CArray 来 保存 这 些 点 。CArray 是 模板 
类 ,使 用 前 需要 加 入 模板 类 的 头 文件 afxtempl. h。 例 如 ,在 视图 类 中 使 用 CArray, 则 在 视图 
类 的 头 文件 CGTest001View. h 中 加 入 模板 类 的 头 文件 afxtempl. h: 


# include < afxtemp1.h> 


使 用 时 ,首先 在 视图 类 头 文件 CGTest001View. h 中 声明 点 集 的 对 象 ,如 : 
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CArray < CPoint, CPoint > m pt_array; 


CArray 中 常用 的 相关 函数 如 下 : 

m_pt_array. Add(point) 一 一 在 集合 尾部 增加 一 个 元 素 ( 例 如 ,增加 一 个 点 ); 
m_pt_array. GetSize() 一 一 计算 集合 的 长 度 ; 

m_pt_array. GetAt(i) 一 一 得 到 第 i 位 元 素 , 从 第 0 位 开始 ; 

m_ptarray. RemoveAt(GiD) 一 一 删除 集合 中 某 个 索引 位 置 的 元 素 ， 

m_ptarray. RemoveAll() 一 一 将 集合 内 的 所 有 元 素 都 清空 ; 

m_pt_array. Append(m_array) 一 一 复制 另外 一 个 集合 的 元 素 到 当前 的 集合 中 。 
在 程序 中 使 用 数学 运算 时 ,需要 加 入 支持 数学 计算 函数 的 头 文件 : 


# include < math.h> 


2.2.2 基本 像素 点 的 交互 式 绘制 方法 


为 了 达到 方便 的 交互 效果 ,可 以 利用 鼠标 在 视图 窗口 拾取 像素 点 ,然后 记录 和 实时 显示 
这 些 像 素 点 。 例 如 ,每 单 击 一 次 ,就 将 该 点 记录 在 点 的 集合 里 ,记录 点 的 代码 在 左 键 单 击 函数 
OnLButtonUp() 中 实现 ,并 调用 OnDraw() 函 数 , 将 点 集中 的 点 显示 出 来 。OnLButtonUp() 和 
OnDraw() 中 的 代码 分 别 如 下 : 


void CCGTest001View: :OnLButtonUp(UINT nFlags, CPoint point) { 
this—>m pt_array. Add(point); // 将 点 加 入 点 的 集合 ,this 指 视图 窗口 类 本 身 
Invalidate( ); // 调 用 OnDraw( ) 函数 
CView: :OnLButtonUp(nFlags, point); 
} 
void CCGTest001View: :OnDraw(CDC* pDC){ 
CCGTest001Doc * pDoc = GetDocument(); 
ASSERT_VALID(pDoc); 
CPoint pt; 
CString str; 
for(int i=0;i<this—->m pt array. GetSize();i++){ 
pt = this 一 >m_pt_array. GetAt(i); // 得 到 第 i 个 点 
// 显 示 点 ,因为 单个 像素 点 显示 非常 不 明显 , 故 把 它 附 近 的 点 也 绘制 出 来 
pDC— > SetPixel(pt. x, pt. y, RGB(255,0,0)); 
PpDC -> SetPixel(pt. x, pt.y- 1,RGB(255,0,0)); 
PpDC—> SetPixel(pt. x,pt.y+ 1,RGB(255,0,0)); 
PpDC—> SetPixel(pt.x— 1,pt.y,RGB(255,0,0)); 
PDC—> SetPixel(pt.x+1,pt.y,RGB(255,0,0)); 
// 文 字 标 注 点 的 坐标 值 
str. Format("( %d, %d)",pt.x,pt.y); 
PpDC—->TextOut(pt.x+5,pt.y+5,str); } 
} 


执行 程序 ,在 视图 窗口 每 单 击 一 次 ,就 会 以 红色 显示 鼠标 所 在 点 ,并 显示 该 点 的 坐标 值 ， 
如 图 2. 2-1 所 示 。 
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图 2.2-1 交互 式 绘制 像素 点 


2.2.3 非 模式 对 话 框 交互 式 实 现 方法 及 颜色 对 话 框 的 使 用 


在 进行 计算 机 图 形 原 理 和 算法 编程 时 ,可 以 采用 非 模式 对 话 框 实现 图 形 实时 交互 。 非 
模式 对 话 框 是 指 在 对 话 框 打开 的 同时 ,其 他 窗口 还 能 够 继续 操作 。 非 模式 对 话 框 的 创建 方 
法 如 下 。 

首先 ,在 菜单 栏 中 选择 “插入 ”一 “资源 "命令 ,选择 “资源 类 型 "对 话 框 ,在 新 建 的 对 话 框 
上 单 击 鼠 标 右键 ,选择 “属性 ”, 打 开 对 话 框 属性 设置 窗口 ,在 “常规 ”选项 卡 中 可 以 修改 对 话 
框 的 ID, 例 如 IDD_MDLG ,在 “更 多 样式 ”选项 卡 中 ,选中 “可 见 ” 复 选 框 ,如 图 2. 2-2 所 示 。 

在 对 话 框 上 双击 ,或 者 右 击 ,从 弹出 的 快捷 菜单 中 选择 “建立 类 向 导 ” 命 令 , 为 创建 的 对 
话 框 生成 类 和 类 文件 ,例如 ,类 名 为 CCMDlg, 则 生成 的 对 应 类 头 文件 和 源 文件 分 别 为 
CMDlg.h 和 CMDlg. cpp。 

在 CMDlg.h 头 文件 的 对 话 框 类 中 手动 添加 对 话 框 基 类 的 Create 〇 函数 : 


BOOL Create( ); 
在 CMDlg. cpp 执行 文件 中 添加 该 函数 的 实现 代码 : 


BOOL CCMD1g: :Create( ){ 
return CDialog: :Create(CCMD1g: :IDD); 





} 
当 在 视图 类 中 使 用 该 对 话 框 时 ,首先 在 视图 类 定义 的 代码 前 加 入 对 话 框 的 头 文件 : 


# include "CMD1g. h" 
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图 2. 2-2 ”对话 框 属性 设置 
并 在 类 中 定义 对 话 框 的 指针 变量 : 
CCMD1g *m MDlg; 
然后 ,在 视图 类 CGTest001View. cpp 的 类 构造 函数 中 ,建立 该 对 话 框 对 象 指针 : 


CCGTest001View: :CCGTest001View(){ 
// 声 明 创建 对 话 框 
this—>m MDlg = new CCMD1g(); 


并 在 析 构 函数 中 ,删除 建立 的 对 话 框 对 象 指针 : 


CCGTest001View: :一 CCGTest001View(){ 
if(this 一 >m_MD1g!= NULL){ 
delete this—>m MDlg;} 
|, 


可 以 通过 菜单 项 或 者 工具 栏 打开 对 话 框 。 例 如 ,利用 工具 栏 打开 对 话 框 ,在 视图 类 里 ， 
建立 工具 栏 的 消息 映射 函数 (方法 见 上 节 ) ,在 工具 栏 的 消息 映射 函数 里 判断 对 话 框 是 否 创 
建 ,如 没有 创建 , 则 创建 ; 如 已 创建 , 则 显示 。 代 码 如 下 : 


void CCGTest001View: :OnLine() { 
if(this—>m MD1g 一 > GetSafeHwnd() == NULL){ 





第 2 章 图 形 开发 工具 及 使 用 | 25 














this—>m MDlg—> Create();} 
else 
this—>m MDlg— > ShowWindow(TRUE); 
} 


执行 程序 ,打开 软件 , 单 击 工 具 栏 上 的 图 标 , 即 可 打开 对 话 框 ,如 图 2. 2-3 所 示 , 这 时 仍 
可 在 视图 窗口 操作 。 
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图 2.2-3 创建 非 模式 对 话 框 


视图 窗口 的 数据 可 以 传人 到 对 话 框 中 。 例 如 ,将 视图 窗口 上 点 的 坐标 传 到 对 话 框 中 , 首 
先 在 对 话 框 中 放 入 两 个 从 控件 中 拖 入 的 编辑 框 来 显示 坐标 值 ,ID 分 别 为 IDC-EDITX 和 
IDC-EDITY ,通过 在 菜单 栏 中 选择 “建立 类 向 导 ” 一 在 Member Variables 选项 卡 中 选择 对 
话 框 类 ,分 别 选中 两 个 编辑 框 ID , 单 击 *Add Variable... ”按钮 ,如 图 2. 2-4 所 示 ,为 两 个 编辑 
框 建立 变量 名 m_X 和 m_Y ,变量 类 型 都 是 int 整 型 。 
在 视图 窗口 单 击 时 ,如 果 对 话 框 是 创建 好 的 , 则 把 当前 点 的 坐标 值 赋 给 对 话 框 里 的 编辑 
框 ,并 实时 显示 出 来 。 代 码 如 下 : 
void CCGTest001View: :OnLButtonUp(UINT nFlags, CPoint point) { 
this—>m pt_array. Add(point); //this 指 的 是 视图 窗口 这 个 类 本 身 
if(this—>m MDlg — > GetSafeHwnd()!= NULL){ 
this 一 >m_MD1g 一 >m_X= point. x; 
this 一 >m_MD1g 一 >m_Y= point.y; 
this 一 >m_MD1g 一 > UpdateData(FALSE); 
} 
Invalidate(); // 调 用 OnDraw( ) 函数 
CView: :OnLButtonUp(nFlags, point); 
执行 程序 , 当 在 视图 窗口 单 击 时 ,当前 点 的 坐标 值 会 实时 显示 在 对 话 框 中 ,如 图 2. 2-5 
所 示 。 
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图 2.2-4 建立 变量 
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图 2.2-5 对话 框 实时 显示 视图 窗口 的 数据 
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如 果 要 把 对 话 框 里 的 数据 传 给 视图 窗口 , 则 在 对 话 框 类 中 加 入 视图 窗口 的 类 变量 ,通过 
视图 窗口 的 类 变量 把 对 话 框 的 数据 赋 给 视图 窗口 。 首 先 ,在 对 话 框 类 头 文件 CMDlg. h 中 
添加 视图 窗口 类 的 引用 : 








class CCGTest001View; 

并 在 CCMDlg 类 中 增加 视图 窗口 类 指针 变量 : 
CCGTest001View *m pView; 
在 源 文件 CMDlg. cpp 增加 对 视图 窗口 类 文件 的 引用 : 
# include "CGTest001View. h" 


在 视图 窗口 类 CCGTest001View 的 构造 函数 中 ,在 声明 创建 对 话 框 后 ,还 需要 将 视图 
窗口 类 的 指针 赋 给 对 话 框 类 中 的 视图 窗口 类 变量 : 
CCGTest001View: :CCGTest001View( ){ 
// 声 明 创建 对 话 框 
this 一 >m_MD1g = new CCMD1g(); 
this ->m_MD1g 一 >m_pPView = this; 
进行 上 述 设置 后 编译 程序 ,如 果 出 现 关 于 GetDocument 的 相关 错误 ,还 需要 在 
CGTest001View. h 中 增加 对 CCGTest001Doc 文档 类 的 引用 : 


class CCGTest001Doc; 


这 样 ,对话 框 中 的 视图 窗口 对 象 就 和 当前 的 视图 窗口 建立 了 联系 。 在 对 话 框 中 输入 点 
的 坐标 值 ,通过 “确定 ”按钮 的 消息 函数 ,就 将 该 坐标 值 传 给 视图 窗口 的 点 集合 中 ,并 显示 
出 来 : 


void CCMD1g: :OnOK() { 
UpdateData(TRUE) ; 
CPoint pt; 
pt.x= this—->m xX; 
pt.y= this—>m Y; 
this—>m pView—>m pt array. Add(pt); 
this—>m pView—> Invalidate( ); 
//cpialog: :OnOK( ) ;删除 该 行 代码 
} 


程序 执行 效果 如 图 2. 2-6 所 示 。 单 击 “ 确 定 ” 按 钮 就 可 以 把 对 话 框 中 的 坐标 值 加 入 点 集 
合 中 ,并 在 视图 窗口 显示 出 来 。 使 用 上 述 方法 就 可 以 实现 对 话 框 和 视图 窗口 的 双向 交互 。 

在 应 用 程序 中 绘制 图 形 时 ,会 为 图 形 设 置 各 种 颜色 ,可 以 直接 调用 类 似 RGB(0 一 255， 
0 一 255,0 一 255) 这 个 结构 来 设置 颜色 ,也 可 以 通过 VC6. 0 提供 的 颜色 对 话 框 类 
CColorDialog 获取 颜色 。CColorDialog 对 话 框 对 象 通过 DoModal() 函数 直接 打开 ,然后 通 
过 调用 CColorDialog 的 一 个 结构 体 m_cc 的 成 员 rgbResult 来 获取 选 定 的 颜色 值 , 再 将 这 个 
值 保 存在 设 定 的 颜色 变量 中 ,就 可 以 利用 这 个 变量 来 设置 颜色 。 代 码 如 下 : 
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图 2.2-6 ”对话 框 中 数据 在 视图 窗口 显示 


CColorDialog dlg; 
dlg.m_cc. Flags| = CC_RGBINIT|CC_FULLOPEN; 
if(IDOK == dlg. DoModal()){ 
COLORREF m_clr = dlg.m_cc. rgbResult; ”// 将 dlg.m_cc. rgbResult 获取 到 的 颜色 对 话 框 中 的 颜 
色 保存 到 变量 m_clr 中 
int iR= GetRValue(m clr); // 颜 色 中 红色 的 强度 值 
int iG = GetGValue(m clr); // 颜 色 中 绿色 的 强度 值 
int iB = GetBValue(m_clr); // 颜 色 中 蓝 色 的 强度 值 





基本 图 形 的 生成 





计算 机 图 形 学 首先 要 解决 的 问题 是 在 图 形 输 出 设备 (例如 显示 器 ) 上 生成 和 显示 基本 的 
图 形 元 素 , 例 如 点 、 直 线 、 圆 弧 、 椭 圆 以 及 其 他 二 维 图 形 等 。 但 是 ,由 于 图 形 本 身 是 几何 连续 
的 形状 ,而 显示 设备 却 是 由 离散 的 像素 点 组 成 的 像素 点 阵 , 例 如 ,显示 器 的 分 辩 率 1024X 
768 是 指 显示 器 屏幕 在 水 平方 向 每 一 行 有 1024 个 像素 点 ,在 垂直 方向 每 一 列 有 768 个 像素 
点 ,由 此 组 成 了 屏幕 的 像素 点 阵 , 那 么 这 些 离散 的 像素 点 是 不 能 完全 真实 地 表示 连续 图 形 
的 。 为 了 实现 在 屏幕 上 显示 图 形 ,可 以 通过 寻找 屏幕 上 的 一 组 像素 点 集 , 并 将 该 组 像素 点 集 
用 指定 的 颜色 显示 ,以 此 来 最 佳 盘 近 图 形 的 形状 ,这 种 图 形 的 显示 方法 称 为 图 形 的 扫 撒 转 
换 , 也 称 为 图 形 的 光栅 化 。 

在 第 2 章 图 形 开 发 工具 的 相关 内 容 中 已 经 实现 了 基本 图 形 之 一 一 一 点 的 生成 和 显示 方 
法 ,本章 将 实现 其 他 基本 图 形 的 扫描 转换 。 








3.1 直线 的 扫描 转换 


3.1.1 直线 扫描 转换 原理 


直线 的 扫描 转换 是 指 在 图 形 输 出 设备 上 ,按照 扫描 线 的 顺序 ,确定 一 组 最 佳 逼近 于 直线 
的 像素 点 并 对 像素 点 进行 写 操作 。 如 图 3. 1-1 所 示 为 用 一 组 像素 点 来 代表 直线 。 

因此 ,直线 生成 要 解决 的 具体 问题 是 : 已 知 直 
线 的 两 个 端点 Pu (zu,y) 和 Pi (zi,y), 则 要 求 在 CX 
图 形 输出 设备 上 ,从 起 点 到 终点 通过 逐次 循环 近代 ， 
找到 最 接近 直线 的 像素 点 。 所 以 需要 建立 循环 迭代 
的 增 量 方程 : zx;41 = 二 zi 十 Ax ,yini 二 yi 十 Ay。 

直线 的 扫描 转换 算法 的 目的 就 是 建立 合适 的 增 
量 方程 算法 。 由 于 图 形 可 能 包含 很 多 条 直线 ,所 以 ， 
要 求 直线 扫描 转换 算法 的 绘制 速度 要 尽 可 能 得 快 ， 
尽量 不 要 出 现 浮 点 数 占 用 大 的 内 存 和 避免 乘除、 开 

比较 常用 的 直线 扫描 转换 算法 有 三 种 : 数值 微分 法 (DDA); 中 点 画 线 算法 ; Bresenham 
算法 。 





图 3.1-1 直线 的 扫描 转换 
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3.1.2 数值 微分 法 


数值 微分 法 (digital differential analyzer,DDA) 是 直接 利用 直线 斜率 的 增 量 方程 来 计 


算 直 线 上 下 一 个 迭代 像素 点 的 方法 。 





















































直线 的 斜率 微分 方程 为 
dy = Ay = 
IT TT Ti To 
数值 微分 法 的 迭代 公式 如 下 : 
Titl Xi 二 eAx 
yi+l = y+ eAy 
其 中 
e=1/max(|Az|,|Ay|) 
当 max( |Az| ,|Ay| )= |Az| 时 , 则 
Tih 2i 十 EAz = Zi 二 Az 一 志 土 1 
Yin = YiteAy 一 yi 二 人 于 一 天王 志 
当 max(|Az| ,|Ay|) 一 |Ay| 时 , 则 
Zit Zi 十 EAz = zx; A Az = 二 Xi 十 L 
ja 一 十 5AY 一 区 a Ay 二 yi 土 1 





数值 微分 法 的 算法 示意 图 如 图 3. 1-2 所 示 。 





当 直 线 的 斜率 绝对 值 小 于 1 时 ,六 代 在 


工 方向 步 进 ,z 向 步 长 为 1( 个 像素 ),y 方向 的 步 进 为 yi+i 二 yi; 士 E，y 方向 对 应 的 像素 点 坐标 
值 为 round (yi+1), 即 y 方向 取 最 接近 yiti 的 整 数值, 故 获得 的 下 一 个 像素 点 为 


(zitirround(yi+1) ); 当 直 线 的 斜率 绝对 值 大 


于 1 时 ,和 迭代 在 > 方向 步 进 ,y 向 步 长 为 


1( 个 像素 ),z 方向 的 步 进 为 zi 一 卫士 二 江 方向 对 应 的 像素 点 坐标 值 为 round (zi+1 ), 即 
工 方向 取 最 接近 zi+i 的 整数 值 ,下 一 个 最 佳 像 素 逼 近 点 为 (round(zi+i) ,yi+1)。 














(round(x,+ 1/A), 


























Gn 1) 
(tl, round( p+h)) 





图 3.1-2 数值 微分 法 示意 图 
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在 编写 直线 生成 算法 的 程序 时 ,除了 实现 一 般 位 置 的 直线 算法 外 ,还 应 该 考虑 特殊 位 置 
直线 的 生成 ,例如 ,y 方向 的 竖 直 线 和 > 方向 的 水 平 线 ,这 样 才能 获得 稳定 的 算法 。 下 面 是 
考虑 各 种 情况 的 直线 数值 微分 法 算法 函数 参考 代码 : 


/ 尖 尖 美美 美美 关 关 关 关 尖 尖 尖 尖 尖 尖 闫 闫 闫 闫 美美 关 舌尖 关 关 尖 尖 尖 尖 闫 闫 闫 闫 闫 美美 关 尖 关 关 闫 尖 尖 闫 闫 闫 闫 闫 关 关 美美 关 关 关 关 尖 尖 类 关 闫 关 关 关 关 美美 


DDA_Line: 直线 的 数值 微分 算法 函数 
pDC: 显示 器 指针 ; startPoint: 起 点 ; endPoint: 终点 ; crColor: 线 的 颜色 
| 
void DDA Line(CDC * &pDC, CPoint &startPoint, CPoint &endPoint, COLORREF crColor){ 
if(endPoint. x!= startPoint. x&&endPoint. y!= startPoint.y){ // 非 特殊 位 置 直线 ,一 般 直 线 
double xy y; 
double k; // 斜 率 
k= ((float)(endPoint.y— startPoint.y))/((float)(endPoint.x- startPoint. x)); 
x= (double)startPoint. x; 
Y= (double)startPoint. y; 
pDC -> SetPixel( (int)x, (int)y,crColor); 
if(abs(k)<= 1.0){ 
for(int i=0;i<abs(endPoint.x— startPoint. x);i++){ //x 增 量 
if(endPoint. x> startPoint. x){ 
x+=1; 
y+=k; } 
else { 
= 
m= 
PpDC—> SetPixel( (int)x, (int)(y+0.5),crColor); 


} 
else if(abs(k)>1.0) { 
for(int i= 0;i<abs(endPoint.yY- startPoint.y);i++){ //y 增 量 
if(endPoint.y> startPoint. y){ 
t= 
x+=1.0/k; 
} 
else { 
村 = 二 了 
x-=1.0/k; 
} 
pDC—> SetPixel( (int)(x+0.5), (int)(y),crColor); 


} 
else if(startPoint.x== endPoint. x){ // 垂 直 画 线 


if(startPoint.y< endPoint. y){ 
for(int i= startPoint.y;i<= endPoint. y;i++){ 
PpDC— > SetPixel(startPoint. x, i, crColor); 


} 
else if(startPoint.y> endPoint. y){ 
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for(int i= startpoint,yii>= endPoint.vii--) { 
PDC—> SetPixel(startPoint. x, i, crColor); 


上 
} 
else if(startPoint.y== endPoint. y){ // 画 水 平 线 
证 (startPoint.x< endPoint. x){ 
for(int i= startPoint.x;ii<endPoint.xiit+) { 
PpDC— > SetPixel(i, startPoint. y, crColor); 
} 
} 
else if(startPoint. x> endPoint. x){ 
for(int i= startPoint,xii>= endPoint.xii--) { 
pDC—> SetPixel(i, startPoint. y, crColor); 
} 


} 


将 直线 生成 函数 保存 为 单独 的 文件 ,如 文件 名 BasicGraph. h, 并 在 应 用 程序 中 直接 
引用 : 


# include "BasicGraph. h" 


在 应 用 程序 中 生成 直线 时 ,可 以 采用 第 2 章 的 有 关 代 码 建立 应 用 程序 CGTest002 ,并 在 
视图 窗口 拾取 多 个 点 ,利用 上 述 的 中 点 画 线 函数 顺序 连接 前 后 点 生成 直线 。 实 现 方法 如 下 。 

在 视图 窗口 类 的 源 文件 CGTest002View. cpp 中 加 入 对 BasicGraphl. h 的 引用 ,在 
OnDraw( 函数 中 就 可 以 直接 调用 上 述 的 直线 数值 微分 法 函数 : 


void CCGTest002View: :OnDraw(CDC * pDC){ 
CCGTest002Doc * pDoc = GetDocument(); 
ASSERT_VALID( pDoc); 
CPoint startPoint, endPoint; 
if(this—>m pt _array.GetSize()>1){ 
// 两 点 以 上 开始 画 线 
startPoint = this ->m pt_array. GetAt(0); ”// 得 到 第 1 个 点 
for(int i=1;i<this->m pt array.GetSize();i++){ // 循 环 画 线 
endPoint = this ->m pt _array. GetAt(i); 
DDA_Line(pDC, startPoint, endPoint, RGB(255, 0,0)); 
startPoint = endPoint; 


有 


执行 程序 ,在 视图 窗口 拾取 多 个 点 ,生成 直线 如 图 3. 1-3 所 示 。 

数值 微分 法 的 特点 是 增 量 算法 ,直观 . 易 实 现 。 但 是 算法 中 有 除法 运算 和 淫 点 数 ,不 利 
于 用 硬件 实现 ; 当 图 形 中 有 大 量 的 直线 时 ,利用 数值 微分 法 会 占用 较 多 的 内 存 , 对 运算 速度 
会 有 一 些 影响 。 
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图 3.1-3 数值 微分 法 画 线 


3.1.3 中 点 画 线 算 法 


直线 的 中 点 画 线 算法 是 一 种 很 巧妙 的 方法 ,在 算法 推导 过 程 中 使 用 了 中 点 的 概念 ,但 是 
进行 循环 迭代 时 , 却 是 根据 正 负 值 判断 ,和 中 点 并 没有 关系 。 
中 点 画 线 法 是 借助 直线 的 隐 式 方程 的 相关 理论 来 实现 的 ,假设 直线 的 两 个 端点 为 
Po (zoyyo ) 和 Pi (zi ) ,直线 段 隐 式 方程 可 表示 为 
F(zyy) 一 orz 十 by 十 c 一 0 
式 中 














让 一 3 一 站 9 6=m— ms 5 一 辣 站 一 六 加 
直线 方程 将 空间 分 成 三 个 区 域 ,其 中 直线 上 方 的 点 ,将 其 xz、y 值 代入 方程 中 ， 
F(x,y) 记 0, 直 线 下方 的 点 下 (xz,y) 过 0, 直线 上 的 点 下 (zx,y) 二 0, 如 图 3.1-4 所 示 。 


For ypO 


Fx, y)<0 





3.1-4 隐 式 方程 对 空间 区 域 的 划分 


假定 直线 的 斜率 0 一 As<1, 则 和 迭代 在 工 方向 步 进 , 为 了 判断 下 一 个 最 佳 像 素 逼 近 点 的 位 
置 ,首先 构造 点 (zi 十 1,y; 十 0.5) 的 判别 式 : gd 一 F(zi 十 1,y 十 0.5)。 
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如 图 3.1-5(a)、(b) 所 示 , 当 判 别 式 d 宇 0 时 ,直线 在 点 (zi 十 1,y; 十 0.5) 的 上 方 , 这 说 明 
直线 更 接近 该 点 下 方 的 像素 点 , 则 取 下 方 的 像素 点 (zi 十 1,y;); 当 判别 式 4 过 0 时 ,直线 在 
点 (zi 十 1,yi 十 0.5) 的 下 方 ,这 说 明 直 线 更 接近 该 点 上 方 的 像素 点 , 则 取 上 方 的 像素 
点 (zi 十 1,3i 十 1)。 
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图 3.1-5 判别 式 d= 二 F(x 十 1,yi 十 0.5 ) 的 情况 


然后 ,再 构造 下 一 个 点 的 判别 式 , 这 时 需要 根据 上 面 两 种 情况 分 别 构造 。 

(1) 当 cd 三 0 时 , 则 下 一 个 构造 点 为 (zi; 十 2,yi 十 0.5), 如 图 3.1-6(a) 所 示 , 判 别 式 为 
di = F(zi+2,yi+0.5) = a(zit+l1+1)+6(y;+0.5)+c=d+a 
此 时 ,di 的 增 量 是 a, 是 个 整数 。 
(2) 当 d<0 时 , 则 下 一 个 构造 点 为 (zi 十 2,yi 十 1.5), 如 图 3.1-6(b) 所 示 , 判 别 式 为 
di = F(zi+2,yit+1.5) =a(zit+1+]D)+o6Cy 二 1.5)+c=d+a+tb6 
此 时 ,di 的 增 量 是 a 十 b, 也 是 个 整数 。 
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(a)d20 (bja<0 


3.1-6 判断 x 十 2 的 情况 


上 述 是 迭代 过 程 中 判别 式 的 增 量 ,现在 计算 判别 式 的 初始 值 : 
do 一 F(zo 十 1, yo 十 0.5) 一 F(zovyo) 十 十 0.50 
因为 点 Po (zo ,yo ) 在 直线 上 , 故 下 (zo ,yo) 二 0;, 那 么 ,判别 式 的 初始 值 为 
do 一 & 十 0.50 
判别 式 4 的 增 量 是 整数 ,只 有 初始 值 中 包含 小 数 ,那么 可 以 用 2d 代替 d ,这 样 在 整个 算 
法 中 就 不 再 出 现 小 数 , 只 有 整数 运算 , 即 
do 一 2(o 十 0.50) 一 24 十 2 
当 di 宇 0 时 , 取 (zi 十 1,yi); 则 din 二 di 十 a 坟 >din1 二 di 十 2a; 
当 d; 过 0 时 , 取 点 (zi 十 1,yi 十 1); 则 dinmn= 二 di 十 a 二 +b 过 din 一 di 十 2(a 十 b)。 
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例如 : 用 中 点 画 线 法 连接 两 点 Pu(0,0) 和 已 (5,4) 的 直线 段 , 如 图 3.1-7 所 示 。 
计算 过 程 如 下 : 
= 





b=x—z =5—0=5 





do =2a+b=—3<=0 (1,1) 





2a =—8 J 





2(e 十 从 一 2 
































di = do 二 2(a++b) Le =r2) 





d=di+2(a+b) =1>0 =S(3,2) 
ds =d:++2a=—7<0 =>(4,3) 
d, = ds 二 2(a++b) 7 了 守 双 5<~=0 字 (5,4) 


























上 述 是 0 二 和 受 1 的 算法 , 当 A>1 时 ,迭代 在 > 方向 步 进 ,需要 按照 上 述 方法 重新 推导 判 
别 式 初始 值 4。 和 迭代 时 的 判别 式 值 由 。 在 编程 实现 中 点 画 线 算法 时 ,和 数值 微分 法 一 样 ， 
需要 考虑 其 他 情况 ,例如 ,斜率 一 1 二 0,k 达 一 1, 端 点 的 起 始终 止 顺 序 和 直线 特殊 位 置 , 这 
时 需要 进行 相应 处 理 , 使 算法 保持 稳定 性 。 下 面 是 一 般 位 置 直线 的 中 点 画 线 算法 参考 代码 


(特殊 位 置 直线 算法 代码 省 略 ) : 


人/ 尖 关 闫 关 闫 关 关 其 关 守 关 祷 尖 尖 尖 尖 闫 美美 闫 美美 关 尖 尖 并 六 江 尖 基 美美 闫 闫 关 关 关 革 并 关 尖 尖 江美 区 闫 区 闫 甘美 关 关 关 闫 关 站 尖 尖 尖 尖 关 关 闫 闫 关 关 关 关 


MIDPOINT_Line: 直线 的 中 点 画 线 算法 函数 
pDC: 显示 器 指针 ; startPoint: 起 点 ; endPoint: 终点 ; crColor: 线 的 颜色 


六 关 闫 美美 闫 六 关 关 关 关 关 舌尖 尖 尖 美美 尖 美英 关 关 并 关 并 尖 尖 尖 关 甘美 甘美 关 英美 闫 闫 关 关 关 尖 尖 关 闫 闫 闫 闫 闫 闫 关 关 美美 关 舌尖 尖 关 关 关 关 关 关 关 关 人 


void MIDPOINT Line(CDC * &pDC,CPoint startPoint,CPoint endPoint, COLORREF crColor){ 


if(endPoint. x!= startPoint. x&&endPoint. y!= startPoint. y){ // 非 特殊 位 置 直线 ,一 般 直 线 


int kFlag = 0; //0: 斜 率 三 1,1: 斜 率 > 1 

int sFlag= 1; // 斜 率 正 负 的 标识 

if(startPoint.x> endPoint.x){ // 首 先 判断 两 个 端点 ,使 起 点 x 小 于 终点 x 
CPoint pt = startPoint; 
startPoint = endPoint; 
endPoint =pt; } 

if(abs(endPoint.Y- startPoint. y)> abs(endPoint.x— startPoint. x)) 


kFlag=1; // 如 果 斜 率 大 于 1 
if(startPoint. y> endPoint. y) // 如 果 斜 率 小 于 0, 则 进行 标识 
sFlag = 一 1; 
int a,b, tA, tAB, d, x, y; 
if(sFlag ==- 1) 


endPoint. y= startPoint.y+ (startPoint.y— endPoint. y); 
a= startPoint.y— endPoint. y; 
b= endPoint.x— startPoint. x; 


tA=2*xa; 
tAB= 2*x (a+b); 
d=2xat+b; 


X= startPoint. x; 

Y= startPoint. y; 

PpDC—> SetPixel(x, y, crColor); 

if(kFlag== 0){ // 斜 率 生 1 
for(int i=0;i<(endPoint.x— startPoint. x);i++){ 


图 3.1-7 中 点 画 线 法 示意 
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if(d>=0) { 
pDC—> SetPixel(x+ 1,y,crColor); // 取 点 (x+1,y) 
x+=1; 
d+= tA; 
} 
else {//d<0 
pDC—> SetPixel(x+ 1,Y+ sFlag, crColor); // 取 点 (x+1,y+1) 
区 
Y+= sFlag; 
d+= tAB; 


} 
} 
else{// 斜 率 >1 
if(kFlag==1){ 
tA=2xb; 
d=2xbt+a; 
} 
for(int i=0;i<abs(endPoint.y— startPoint. y);i++){ 
if(d>=0) { 
pDC—> SetPixel(x+1,y+ sFlag,crColor); // 取 点 (x,y+1) 
y+= sFlag; 
x+=1; 
d+= tAB; 
} 
else{//d<0 
pDC—> SetPixel(x, y+ sFlag, crColor); // 取 点 (x+1,y+1) 
Y+= sFlag; 
d+= tA; 


} 


} 
// 此 处 省 略 特殊 位 置 直线 的 算法 代码 


和 数值 微分 法 函数 的 保存 方法 一 样 ,将 中 点 画 线 函数 也 保存 在 BasicGraph. h 文件 中 ， 


以 便 在 应 用 程序 中 直接 引用 。 
中 点 画 线 算法 在 整个 运算 中 都 是 整数 运算 ,没有 出 现 小 数 , 因 此 占有 的 内 存 相 对 较 少 ， 


也 便于 硬件 实现 。 





3.1.4 Bresenham 画 线 算 法 


Bresenham 画 线 算法 是 计算 机 图 形 学 领域 使 用 最 广泛 的 直线 生成 算法 。 在 计算 直线 最 
佳 到 近 点 的 过 程 中 ,全 部 是 整数 运算 ,因此 可 以 大 幅 提 升 计算 速度 。 
算法 原理 如 下 : 设 直线 从 起 点 Po (zo ,yo ) 到 终点 Pi (zi'yi ) ,直线 方程 可 表示 为 
y=kr+b 
其 中 
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二 轩 一 % 笠 ， b = yo — kro 


当 直线 斜率 0<k<1 时 ,直线 在 工 方向 步 进 , 每 次 增加 一 个 像素 点 , 设 当前 直线 的 最 佳 
逼近 点 是 (ziyy), 则 下 一 个 最 佳 像 素 点 的 zx 坐标 zi+l 一 








zi 十 1,y 坐标 w+ 一 yw 或 者 yi41 二 yi 十 1,yi+41 到 底 取 哪 个 值 | 
由 当前 直线 上 点 的 y 坐标 到 y; 和 yi 十 1 的 距离 大 小 而 定 ， 
如 图 3.1-8 所 示 。 
yy 一 &Czi 十 1) 十 0 x tl 六 
di = yO—% 图 3.1-8 Bresenham 画 线 算法 


ds = yt1—y 
令 








di—d; =2y—2y—1= 2(k(z;+1) 
当 di 一 d; 记 0 时 , 则 





= r=1 


a = 
当 一 ds 二 0 时 , 则 
Di+l 一 Wi 
当 dz>0 时 ,用 dz 乘 di 一 ds 不 会 改变 di 一 d; 值 的 正 负 , 因 此 不 影响 上 述 y 的 增 量 判 


断 。 并 令 户 一 ( 必 一 必 )dz, 同 时 ,将 4& 一 和 代入 ,计算 得 
pi = 2xidy— 2yidx + 2dy++ (26— 1)dx 








当 i 二 0 时 ,有 
Po= 2zody 一 2yodz 十 2dy 十 (25 一 1)dz 
= 2zody 一 2yodz 十 20dz 十 2dy 一 dz 








= Sd yest 2(» = eo jar+t By — di 


= 2zody 一 2yodz 十 2(yodz 一 dyro) 十 2dy 一 dz 
一 2dy 一 dz 
当 户 盖 0 时 , 取 点 (zi 十 1,3y; 十 1), 则 
pin = 2(z;+ 1)dy—2(y; 二 1)dzr++2dy++ (26—1)dz = pi;+2dy— 2dzx 
即 增 量 为 2dy 一 2dz。 
当 pi; 过 0 时 , 取 点 (zi 十 1,yi);, 则 
pi 2(zi; 十 lD)dy 一 2ydzx 十 2dy 十 (26 一 1)dzx = p; 十 2dy 
即 增 量 为 2dy。 
上 述 是 0 一 A 委 1 的 Bresenham 算法 ,在 编程 实现 时 ,和 中 点 画 线 算法 一 样 ,也 需要 其 他 
斜率 时 的 情况 。 下 面 是 一 般 位 置 直线 的 Bresenham 算法 参考 代码 (特殊 位 置 直线 算法 代码 
省 略 ) : 
































/ 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 尖 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关头 关 关 关 关 关 关 关头 关 关 
BRESENHAM_Line: 直线 的 Bresenham 算法 函数 
PDC: 显示 器 指针 ; startPoint: 起 点 ; endPoint: 终点 ; crColor: 线 的 颜色 


六 六 闫 美美 闫 闫 关 关 关 关 尖 尖 尖 六 尖 尖 尖 尖 美美 美美 闫 关 关 美美 尖 尖 尖 尖 美美 闫 关 淆 闫 闫 关 关 舌尖 尖 关 尖 尖 尖 闫 关 闫 闫 关 闫 英美 闫 闫 关 关 关 关 关头 尖 类 关 关 / 
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void BRESENHAM Line(CDC * &pDC, CPoint startPoint,CPoint endPoint, COLORREF crColor){ 
if(endPoint.xl= startPoint. x&&endPoint. y!= startPoint. y){ // 非 特殊 位 置 直线 ,一 般 直 线 
int kFlag= 0; //0: 斜 率 三 1,1: 斜 率 >1 
int sFlag= 1; // 和 斜率 正 负 的 标识 
// 首 先 判断 两 个 端点 ,通过 交换 使 起 点 x 小 于 终点 x 
if(startPoint. x> endPoint. x){ 
CPoint pt = startPoint; 
startPoint = endPoint; 
endPoint = pt; 
} 
if(abs(endPoint. y— startPoint. y)> abs(endPoint.x- startPoint. x)) 


kFlag= 1; // 如 果 斜 率 大 于 1 
if(startPoint. y> endPoint. y) // 如 果 斜 率 小 于 0, 则 进行 标识 
sFlag = 一 17 
nt 


int dx, dy,p; 
if(sFlag==—1) 
endPoint. y= startPoint. y+ (startPoint. y— endPoint. y); 
dx = endPoint.x— startPoint. x; 
dy = endPoint.Y- startPoint. y; 
X= startPoint. x; 
Y= startPoint. y; 
PDC—> SetPixel(x, y,crColor); 


if(kFlag== 0){ // 斜 率 委 1 
p=2x*dy- dx; 
for(int i=0;i<(endPoint.x— startPoint. x);i++){ 
if(p<= 0){ 
pDC—> SetPixel(x+ 1,y,crColor); // 取 点 (x +1,y) 
x+=1; 
p+=2xdy; 


} 
else {//p>0 
pDC- > SetPixel(x+1,y+ sFlag,crColor); // 取 点 (x+1,y+1) 


x+= 1; 
y+= sFlag; 
p+=2xdy-2xdx; 
} 
} 
} 
else{ // 和 斜率 >1 
p=2x*dx— dy; 
for(int i=0;i<abs(endPoint.y— startPoint. y);i++){ 
if(p<=0) { 
pDC—> SetPixel(x, y+ sFlag, crColor); // 取 点 (x,y+1) 
Y+= sFlag; 
p+=2xdx; 


} 

else {//p>0 
pPDC- > SetPixel(x+1,y+ sFlag,crColor); // 取 点 (x+1,y+1) 
y+= sFlag; 
x+=1; 
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p+=2xdx—2xdy; 


} 
} 
// 此 处 省 略 特殊 位 置 直线 的 算法 代码 
和 数值 微分 法 函数 以 及 中 点 画 线 函 数 的 保存 方法 一 样 ,将 Bresenham 夯 线 函数 也 保存 
在 BasicGraph. h 文件 中 ,以 便 在 应 用 程序 中 直接 引用 。 


3.1.5 图 形 程序 设计 及 VC++ 的 橡皮 筋 和 双 缓 存 交互 技术 


直线 、 圆 .椭圆 等 都 是 基本 的 图 形 元 素 。 在 进行 图 形 应 用 时 ,会 使 用 大 量 的 图 形 元 素 ,为 
了 区 分 这 些 图 形 元 素 ,非常 有 必要 建立 各 种 图 形 元 素 的 数据 结构 或 者 图 形 类 ,这 样 ,便于 使 
用 标准 的 格式 。 由 于 图 形 之 间 具 有 一 些 共 同 的 属性 ,例如 ,颜色 、 线 宽 、 线 型 等 ,所 以 ,首先 建 
立 一 个 所 有 图 形 元 素 的 基 类 。 例 如 建立 如 下 基 类 : 


class CDraw{ 


Public: 

CDraw( ){} // 构 造 函 数 

COLORREF m_colorPen; // 颜 色 

COLORREF m_colorBrush; // 填 充 颜色 

int m_lineWide; // 线 宽 

int m lineType; // 线 型 : 实 线 , 虚线 ,点 划 线 , 双 点 划 线 


}; 


则 直线 类 可 继承 自 该 图 形 基 类 ,再 加 入 直线 本 身 需 要 的 两 个 端点 变量 即 可 。 
为 便于 文件 管理 ,将 图 形 类 放 入 一 个 单独 的 文件 中 ,例如 保存 为 文件 BasicClass. h, 如 
下 所 示 : 


# ifndef BasicClass_ 
# define BasicClass_ 
class CDraw{ 
//…. 前 述 已 经 列 出 
}; 
// 直 线 
class CLine:CDraw{ 
public: 
CLineg operator = (const CLineg ln){ // 重 载 = 等 号 操作 符 , 实 现 直 线 赋值 
this 一 > ptl = 1n.ptl; 
this 一 > pt2 = 1n.pt2; 
return * this; 
}; 
bool operator == (const CLineg& ln){ // 重 载 == 双 等 号 操作 符 ,判断 两 直线 是 否 相 同 
if(this—>ptl== ln.ptl&&this 一 > pt2 == ln. pt2) 
return true; 
else 
return false; 
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} 
CPoint ptl; 
CPoint pt2; 
}; 
#endif 


然后 将 该 文件 加 入 工程 中 ,并 在 视图 窗口 类 中 使 用 时 添加 文件 引用 : 
# include "BasicClass. h" 

在 视图 窗口 类 中 ,建立 直线 集合 : 

CArray < CLine, Chine> m_line_array; 


当 拾 取 到 两 个 点 后 ,将 拾取 到 的 两 个 点 生成 直线 ,并 加 入 直线 集合 中 。 例 如 在 
OnLButtonDown() 函 数 中 代码 如 下 : 


void CCGTest002View: :OnLButtonDown(UINT nFlags, CPoint point) { 
if(m_iFlag==0) { //m_iFlag 为 拾取 直线 的 标识 符 , 需 在 视图 窗口 类 中 定义 


if(this->ilstep==0) { //ilstep 为 拾取 直线 点 的 步骤 , 需 在 视图 窗口 类 中 定义 
lTmpPoint1 = point; //1TmpPoint1 为 直线 第 一 点 ,在 视图 窗口 类 中 定义 
this—>ilstep=1; // 开 始 拾取 直线 第 二 点 

} 

else if(this—> ilstep==1){ // 拾 取 直 线 第 二 点 ,并 加 入 直线 集合 

CLine line; 


line. ptl = 1TmpPointl; 

line. pt2 = point; 

this—>m line array. Add(line); // 加 入 直线 集合 
this—> ilstep=0; // 再 开始 拾取 第 一 点 
Invalidate( ); // 调 用 OnDraw( ) 函数 


} 


然后 在 OnDraw() 函 数 中 ,将 直线 集合 中 的 每 条 直线 显示 出 来 。 为 了 使 应 用 程序 具有 
扩充 性 ,以 及 便于 代码 管理 和 调用 ,可 以 将 画 线 函 数 封装 为 函数 DrawLines(), 这 样 ,在 
OnDraw() 函数 中 ,只 需 调 用 DrawLines() 函 数 即 可 。 调 用 DrawLines( 〇 函数 的 代码 如 下 : 


void CCGTest002View: :DrawLines(CDC * ppDC){ 
if(this—->m line array.GetSize()>0){ 
// 画 线 
for(int i=0;i<this—>m line array. GetSize();i++){ 
line= this—->m line array. GetAt(i); 
endPoint = line. pt2; 
startPoint = line. ptl; 


DrawLine(pDC, startPoint, endPoint); // 调 用 直线 生成 算法 函数 


L 


有 多 种 直线 生成 算法 ,为 了 比较 各 种 算法 的 效果 ,创建 一 个 非 模 式 对 话 框 来 选择 不 同 的 
算法 ,并 在 非 模 式 对 话 框 中 建立 选择 直线 生成 算法 的 三 个 单 选 按 钮 ,如 图 3. 1-9 所 示 。 
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为 这 组 单 选 按钮 的 第 一 个 按钮 建立 int 整 型 后 

变量 m_iLine, 其 中 ,m_iLine 二 0 代表 选择 的 是 数 : 

值 微分 法 画 线 函 数 ,m_iLine 二 1 代表 选择 的 是 中 | 

点 画 线 函 数 ,m_iLine 王 2 代表 选择 的 是 Bresenham | 中 点 加 线 

画 线 函 数 。 当 选中 不 同 的 单 选 按钮 时 ,需要 对 按钮 | “Bresenham 辑 绪 | 

单 击 消息 BN_CLICKED 增加 消息 处 理 函 数 , 例 二 | 

如 ,数值 微分 法 画 线 按钮 的 消息 处 理 函 数 代码 L 一 

如 下 : 图 3.1-9 直线 生成 算法 选择 
void CLineD1g: :OnRadiol() { 


UpdateData( TRUE) ; 
this ->m_pView 一 > Invalidate( ); 





= 雪 仁 分 法 本 纺 





} 
在 视图 窗口 类 中 声明 和 使 用 该 非 模式 对 话 框 ( 非 模 式 对 话 框 的 创建 方法 见 2.2 节 ) : 
CLineDlg *m 1Dlg; 


在 工具 栏 中 设 秆 一 个 画 直 线 的 图 标 , 当 画 直 线 时 , 单 击 画 直线 工具 栏 ,在 其 消息 函数 中 ， 
生成 画 线 算法 选择 的 非 模式 对 话 框 m_lDlg: 


void CCGTest002View: :OnLine() { 

this ->m_iFlag=0; // 画 直线 

this—> ilstep= 0; // 设 置 开始 拾取 直线 第 一 个 点 

if(this—->m_ lineDlg— > GetSafeHwnd() == NULL) { // 生 成 画 线 算法 选择 对 话 框 
this 一 >m_lineD1g 一 > Create( ); 

} 

else 
this —>m_ lineDlg — > ShowWindow(TRUE) ; 





} 


在 直线 生成 算法 函数 DrawLine() 中 ,根据 非 模式 对 话 框 中 算法 的 选项 ,选择 不 同 的 直 
线 生成 算法 ,代码 如 下 : 
void CCGTest002View: :DrawLine(CDC * pDC,CPoint startPoint,CPoint endPoint){ 
if(this->m lineDlg->m iLine==0) //m_lineDlg 为 画 线 设置 的 非 模式 对 话 框 
DDR_Line(pDC, startPoint, endPoint, RGB(255, 0,0)); 
else if(this—>m lineDlg—->m iLine==1) 
MIDPOINT_Line(pDC, startPoint, endPoint, RGB(255, 0,0)); 
else 
BRESENHAM Line(pDC, startPoint, endPoint, RGB(255, 0,0)); 
让 
执行 程序 ,直线 生成 效果 如 图 3. 1-10 所 示 。 
上 述 通过 OnDraw() 函 数 生 成 的 是 位 置 确定 的 最 终 图 形 ,如 果 在 位 置 最 终 确定 之 前 希 
望 看 到 图 形 的 动态 变化 效果 ,例如 , 随 着 鼠标 在 视图 窗口 的 移动 ,能 够 实时 动态 地 生成 图 形 ， 
并 进行 观察 ,就 需要 用 到 VC6. 0 的 交互 式 绘图 技术 。VC6. 0 的 绘图 功能 中 有 一 个 “ 异 或 ” 
的 绘图 特性 , 即 在 屏幕 上 用 异 或 的 模式 画图 形 , 相 同 的 位 置 重 新 画 一 次 此 图 形 , 则 会 在 屏幕 
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图 3.1-10 直线 扫描 转换 算法 比较 


上 擦 除 上 一 次 所 绘制 的 内 容 。 利 用 这 种 特性 画 直 线 时 ,直线 就 像 橡 皮 筋 一 样 , 随 着 鼠标 在 屏 
幕 中 位 置 的 移动 而 移动 ,长短 也 随 之 变化 ,因此 ,又 称 之 为 橡皮 筋 技术 。 

橡皮 筋 技 术 一 般 在 鼠标 移动 时 使 用 ,因此 ,在 鼠标 移动 的 映射 函数 OnMouseMove() 中 
实现 。 其 实现 的 代码 非常 简单 ,在 绘制 新 位 置 图 形 之 前 ,只 需 调用 pDC 一 > SetROP2(R2_ 
NOT) ,然后 把 上 次 相同 位 置 的 图 形 再 绘制 一 次 , 即 可 擦 除 上 次 绘制 图 形 ,然后 ,再 绘制 新 图 
形 。 具 体 代 码 如 下 所 示 : 


void CCGTest002View: :OnMouseMove(UINT nFlags, CPoint point) { 


if(m_iFlag== 0){ // 绘 制 直线 
if(this 一 > ilstep==1) { 
CDC * pDC = GetDC(); // 获 得 图 形 显示 设备 指针 
pDC— > SetROP2(R2_NOT) ; 
DrawLine(pDC, 1TmpPoint1, 1TmpPoint2); // 绘 制 上 次 的 图 形 , 进行 擦 除 
DrawLine(pDC, 1TmpPoint1, point); // 绘 制 新 位 置 的 图 形 
lTmpPoint2 = point; 
ReleaseDC( pDC); // 释 放 图 形 显 示 设 备 指针 
} 
. 
出 
将 拾取 点 的 函数 修改 如 下 : 


void CCGTest002View: :OnLButtonDown(UINT nFlags, CPoint point) { 
if(m_iFlag==0){ //m_iFlag 为 拾取 直线 的 标识 符 , 需 在 视图 窗口 类 中 定义 
ifE(this-> ilstep== 0){ //ilstep 为 拾取 直线 点 的 步骤 , 需 在 视图 窗口 类 中 定义 
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lTmpPoint1 = point; //1TmpPoint1 为 第 一 点 , 需 在 视图 窗口 类 中 定义 
lTmpPoint2 = point; //lTmpPoint2 为 第 二 点 , 需 在 视图 窗口 类 中 定义 
this—>ilstep=1; // 开 始 拾取 第 二 个 点 

} 

else if(this-> ilstep==1){ // 拾 取 第 二 个 点 , 则 生成 直线 
CLine line; 


line. ptl = lTmpPointl1; 

line. pt2 = point; 

this 一 >m_line_array.add(line); // 加 入 直线 集合 中 
CDC * pDC = GetDC(); 

DrawLine(pDC, 1TmpPoint1, point); // 对 现 有 两 点 画 线 


ReleaseDC( pDC); 
this—>ilstep=0; // 再 开始 拾取 第 二 个 点 
//Invalidate( ); // 删 除 调用 OnDraw( ) 函数 


} 


通过 上 面 的 代码 修改 处 理 , 即 可 在 视图 窗口 移动 鼠标 时 实时 地 动态 生成 直线 ,并 在 两 个 
端点 完全 确定 时 再 将 直线 加 入 直线 集合 中 。 橡 皮 筋 技术 不 仅 适用 于 直线 的 生成 ,其 他 图 形 
如 圆 ,椭圆 的 生成 也 可 以 使 用 该 技术 ,从 而 获得 动态 的 图 形 生成 效果 。 

OnDraw() 函数 是 绘制 图 形 的 主要 函数 ,在 程序 中 使 用 Invalidate( ) 函数 时 ,会 调用 
OnDraw() 函 数 , 将 图 形 在 显示 设备 上 重新 再 绘制 一 遍 , 当 应 用 程序 的 窗口 发 生变 化 时 , 例 
如 ,窗口 移动 .窗口 缩放 或 者 窗口 滚动 ,也 会 调用 OnDraw() 函 数 , 重 绘图 形 。OnDraw() 也 
数 首 先 用 背景 色 将 显示 区 域 清除 ,然后 ,再 重 绘 , 由 于 背景 色 往往 与 绘图 内 容 反 差 很 大 ,这 样 
短 时 间 内 背景 色 与 显示 图 形 交 替 出 现 ,使 得 窗口 看 起 来 有 闪烁 的 感觉。 为 了 避免 这 种 闪烁 
的 现象 ,可 以 采用 双 缓 存 技 术 来 解决 。 

双 缓 存 技术 的 原理 可 以 这 样 形象 地 理解 : 把 电脑 屏幕 看 作 一 块 黑板 ,首先 在 内 存 环境 
中 建立 一 个 虚拟 的 黑板 ,然后 在 这 块 黑 板 上 绘制 复杂 的 图 形 , 等 图 形 全 部 绘制 完毕 的 时 候 ， 
再 一 次 性 把 内 存 中 绘制 好 的 图 形 复制 到 屏幕 上 。 也 就 是 除了 在 屏幕 上 进行 图 形 显示 以 外 ， 
在 内 存 中 也 绘制 图 形 ,把 要 显示 的 图 形 先 在 内 存 中 绘制 好 ,然后 再 一 次 性 将 内 存 中 的 图 形 一 
个 点 一 个 点 地 覆盖 到 屏幕 上 去 (这 个 过 程 非常 快 ,因为 是 非常 规整 的 内 存 复制 )。 这 样 在 内 
存 中 绘图 时 ,随便 用 什么 反差 大 的 背景 色 进行 清除 都 不 会 内 ,因为 看 不 到 。 当 粘贴 到 屏幕 上 
时 ,因为 内 存 中 最 终 的 图 形 与 屏幕 显示 图 形 差别 很 小 (如 果 没 有 运动 ,当然 就 没有 差别 ) ,这 
样 看 起 来 就 不 会 闪 。 
因为 背景 色 是 在 内 存 中 绘制 的 ,所 以 , 没 必 要 再 在 屏幕 上 清除 背景 色 ,这样 就 避免 了 闪 
烁 。 通 过 重 载 WM_ERASEBKGND 消息 函数 ,去 掉 屏 幕 背 景 绘制 。 代 码 如 下 : 

BOOL CCGTest002View: :OnEraseBkgnd(CDC* pDC) { 

return TRUE; // 直 接 返 回 TRUE 


//return CView: :OnEraseBkgnd(pDC);  // 去 掉 屏幕 背景 清除 
下 


OnDraw() 函 数 的 代码 修改 如 下 : 











void CCGTest002View: :OnDraw(CDC * ppDC){ 
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} 


CCGTest002Doc * pDoc = GetDocument(); 
ASSERT VALID(pDoc); 

// 获 取 显 示 窗 口 的 大 小 

RECT rect; 

GetClientRect(&rect); 

int w= rect. right; 

int h= rect. bottom; 

// 获 取 显 示 区 域 原点 在 绘图 区 的 坐标 


CPoint OrgPt; // = pDC- > GetScrollPosition()// 滚 动 窗口 时 使 用 
OrgPt.x= 0; //OrgPt. x; 
OrgPt.y= 0; //OrgPt. y; 


int Xoffset = OrgPt. x; 

int Yoffset = OrgPt. y; 

CDC memDC; 

CBitmap memBitmap; 

// 创 建 与 屏幕 显示 兼容 的 内 存 显示 设备 和 位 图 
memDC. CreateCompatibleDC( NULL); 


memBitmap. CreateCompatibleBitmap( pDC, w, h); // 位 图 的 大 小 同 屏幕 显示 区 
memDC. SelectObject( &memBitmap); // 把 位 图 选 入 设备 环境 
memDC. FillSolidRect(0,0,w,h,RGB(255,255,255));  // 设 置 背 景色 为 白色 
DrawLines( &memDC); // 此 部 分 为 绘图 部 分 


// 将 内 存 显示 设备 直接 复制 到 屏幕 显示 设备 的 显示 区 
pDC— > BitBlt(Xoffset,Yoffset,w, h, &memDC, 0, 0, SRCCOPY) ; 


memBitmap. DeleteObject(); // 删 除 位 图 
memDC. DeleteDC( ); // 删 除 内 存 


由 于 双 缓 存 技术 是 首先 在 内 存 中 画图 形 ,然后 再 一 次 性 地 将 图 片 复制 到 显示 屏幕 上 , 因 
此 ,不 适用 于 图 形 实时 调试 的 开发 环境 。 在 调试 图 形 程序 时 , 当 需 要 逐步 调试 图 形 生 成 过 
程 ,并 观察 生成 效果 时 ,建议 转换 为 直接 在 显示 设备 上 生成 图 形 。 





3.2 圆 的 扫描 转换 


3.2.1 圆 的 扫描 转换 概述 


圆 的 扫描 转换 就 是 在 屏幕 像素 点 阵 中 确定 一 组 最 佳 逼近 于 圆 的 像素 点 ,并 用 指定 的 颜 


(x, 





色 显 示 出 来 。 
当 圆心 在 坐标 原点 时 , 圆 的 方程 为 x 十 y* 二 R*; 当 阅 

心 不 在 坐标 原点 时 ,首先 获得 圆心 通过 坐标 原点 的 圆 的 最 

佳 像素 逼近 点 ,再 对 像素 盘 近 点 进行 坐标 平移 即 可 。 

0 区 由 于 圆 具有 对 称 性 ,在 进行 扫描 转换 时 ,只 需 迭 代 生 成 

八 分 之 一 圆 的 最 佳 像素 逼近 点 , 圆 的 其 他 部 分 通过 简单 的 

人 坐标 对 称 就 可 以 直接 得 到 ,如 图 3. 2-1 所 示 。 假 设 已 知 贺 


图 3.2-1 圆 对 称 生成 点 上 的 一 个 点 (zy), 则 利用 对 称 性 ,可 得 到 圆 上 其 他 的 七 个 
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点 (zz 一 y),( 一 zy),( 一 Z, 一 y)，(y, 并 )，(y, 一 Z)，( 一 yz)，( 一 y， 一 工 ) 。 
3.2.2 中 点 画 圆 算 法 


中 点 夯 圆 法 和 直线 的 中 点 夯 线 法 的 原理 类 似 ,首先 ,构造 圆 的 隐 式 方程 
F(z;y)= xz: 二 yO—R’ 

圆 上 的 点 FE(z,y) 王 0, 圆 外 的 点 F(z,y) 二 0, 圆 内 的 点 FE(z,y) 二 0, 在 直角 坐标 第 一 

象限 ,从 点 (0,R) 到 [ 六 ,六 的 八 分 之 一 加 红 内 ,z 值 按 像素 单位 递增 ,y 值 逐 渐 减 少 。 构 


VE V2 
造 判别 式 











d= F(M)= F(zi+1,y—0.5) = (zi+1):+ (y:—0.5):—R’ 

若 d 宇 0, 则 该 点 在 圆 外 ,如 图 3.2-2(a) 所 示 ,最 佳 像 素 逼 近 点 应 取 (zi 十 1,w 一 1), 则 构 
造 下 一 个 像素 点 的 判别 式 为 
di= F(M)= F(x;+2,y;—1.5) = (z+2):++ (yO—1.5):—R’ 

一 & 十 2(zi 一 %) 十 5 
即 增 量 为 2(z 一) 十 5。 
车 d 二 0, 则 该 点 在 圆 内 ,如 图 3.2-2(b) 所 示 , 最 佳 像素 副 近 点 应 取 (zi 十 1,y;), 则 构造 
下 一 个 像素 点 的 判别 式 为 
di=F(M)= F(zi+2,y—1.5) = (z+2):++ (yi—0.5)’—R’= d+2zi 二 3 
即 增 量 为 2zx; 十 3。 
































itl, p05) (vit2, 71.5) (xitl, y0.5) (xi+2, $0.5) 
Co) / yy \ 

















(al d=0 人 (b) <0 
图 3.2-2 圆 的 判别 式 
初始 的 构造 点 为 (1,R 一 0.5) ,判别 式 为 
do = F(M)= F(1,R—0.5)=1+(R—0.5):—R’:=1.25—R 
在 上 述 方法 中 ,初始 判别 式 的 计算 中 出 现 了 小 数 ,可 以 通过 乘 以 4 将 小 数 转换 为 整数 ， 
则 迭代 算法 可 改进 为 














do 一 5 一 4R 
d 宇 0, 取 (Zzi 十 1,yi 一 1)sdi 二 d 十 8(zi; 一 yi) 十 20 
d 过 0,; 取 (zi 十 1,yi) ,di 二 d 十 8zi; 十 12 
中 点 画 圆 算法 的 函数 参考 代码 如 下 : 











// 尖 尖 闫 闫 闫 闫 关 关 尖 闫 闫 尖 尖 尖 六 六 美美 闫 美美 关 关 尖 关 尖 尖 尖 尖 闫 尖 美光 闫 关 闫 关 舌尖 闫 闪闪 尖 尖 尖 美美 闫 闫 美美 闫 闫 美美 关 关 尖 尖 尖 关 尖 闫 闫 闫 关 闫 闫 关 


Mid_Circle: 中 点 画 圆 算法 函数 
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pDC: 显示 器 指针 ; cPt: 圆心 ; R: 半径 ; crColor: 颜色 

闫 六 关 美 尖 美 尖 闫 美 关 闫 尖 闫 尖 基 其 尖 闫 尖 凑 尖 尖 闫 基 甘 闫 尖 美光 闫 闫 尖 闫 尖 闫 甘美 尖 关 闫 基 闫 尖 关 其 基 闫 尖 贡 美 关 淆 尖 关 闫 关 闫 关 甘美 关 闫 关 甘 关 关 关 关 / 
void Mid Circle(CDC* pDC,CPoint cPt, int R,COLORREF crColor){ 

int x, y,d; 


x=0; 
y=R; 


d=5-4x*R; 

pDC—> SetPixel( (cPt.x+x), (cPt.y+y),crColor); 
pDC—> SetPixel( (cPt.x+x), (cPt.y— y),crColor); 
pDC—> SetPixel( (cPt.x+y), (cPt.y+x),crColor); 
pDC—> SetPixel( (cPt.x— y), (cPt.y+ x),crColor); 
while(x<=y) { 


if(d>=0) { 
x+= 1; 
:Bt 


} 


else 


} 


d+=8* (x—y) +20; 


{ 
x+=1; 
d+=8x*x+12; 


pDC—> SetPixel( (cPt.x+ x), (cPt.y+ y),crColor); 
pDC—> SetPixel( (cPt.x— x), (cPt.y+ y), crColor); 
PDC—> SetPixel( (cPt. x + x), (cPt.y— y), crColor); 
pDC—> SetPixel( (cPt.x— x), (cPt.y— y),crColor); 
pDC—> SetPixel( (cPt.x+ y), (cPt. y+ x),crColor); 
pDC—> SetPixel( (cPt.x— y), (cPt. y+ x),crColor); 
pDC 一 > SetPixel( (cPt.x+ y), (cPt.y— x),crColor); 
pDC 一 > SetPixel( (cPt.x— y), (cPt.y— x),crColor); 


3.2.3 Bresenham 画 圆 算 法 


圆 的 Bresenham 算法 和 直线 的 Bresenham 算法 类 似 , 在 近代 时 ,也 是 通过 判断 圆 上 的 
点 与 附近 像素 点 距离 的 差 值 正 负 ,来 获得 最 佳 像素 通 近 点 。 在 迭代 时 ,也 是 只 需 计 算 直 角 坐 


标 第 一 象限 从 (0.R) 到 [ 


RR 


厄 | 的 八 分 之 一 圆 弧 最 佳 至 近 点 ,其 他 点 通过 对 称 得 到 。 


设 圆 的 当前 最 佳 逼近 点 为 (xi,yi): 则 当 zi 二 zi 十 1 时 ,六 一 及 一 (zi 十 1) ,下 一 个 最 
佳 允 近 点 为 (zi 十 1,y;) 或 者 (zi 十 1,y; 一 1), 如 图 3.2-3 所 示 。 则 构造 下 面 的 判别 式 : 


(G78 








di yy—y CO— (RC— (zt+1)’) 





xt1, 1) 











= = 下 -YY 
令 pi; 二 di 一 d;: 则 
Ya: 太 =2(zi 十 六 十 这 寸 (3 一 了 D: 一 2R? 





va 











(a 若 p; 记 0; 则 取 点 (zi 十 1,yi 一 1) ,再 下 一 个 像素 点 的 判别 


图 3.2-3 Bresenham 画 圆 ” 式 为 
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Bi = 1 一 = 下 询 
即 增 量 是 4(zx; 一 yi;) 十 10。 

若 pi; 三 0, 则 取 点 (zi 十 1,yi) ,再 下 一 个 像素 点 的 判别 式 为 

Wr = 二 从 :十 六 十 (0 一 节 * = 二 2R?” 二 其 十 4 坝 十 

即 增 量 是 4x; 十 6。 

在 (0,R) 点 时 可 得 判别 式 的 初 值 : 

po 一 3 一 2R 
Bresenham 画 圆 算法 的 函数 代码 参考 如 下 : 














/ 类 尖 闪闪 闪光 关 闪闪 尖 关 关 关 并 尖 关 关 关 关 闫 关 关 关 闫 尖 关 闪闪 关 关 关 关 关 关 关 尖 关 闪闪 尖 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 
Bresenham_Circle: 中 点 画 圆 算法 函数 
pDC: 显示 器 指针 ; cPt: 圆心 ; R: 半径 ; crColor: 颜色 
关 闫 关 六 闫 美美 关 六 美美 关 尖 闫 关 关 尖 关 六 关 尖 关 闫 六壬 尖 闫 美美 闫 美美 闫 尖 闫 舌尖 闫 美美 关 关 美美 关 关 美 关 关 关 关 次 关 关 关 闫 奖 关 关 关 关 关 关 关 关 关 / 
void Bresenham Circle(CDC * pDC,CPoint cPt, int R,COLORREF crColor){ 

int x, y,p; 

x=0; 

v= Ry 

p=3-2xR; 

pDC -> SetPixel( (cPt.x+x), (cPt.y+ y),crColor); 

pDC—> SetPixel((cPt.x+x), (cPt.y— y),crColor); 

pDC—> SetPixel( (cPt.x+y), (cPt.y+x),crColor); 

PpDC -> SetPixel((cPt.x— y), (cPt.y+ x),crColor); 

while(x<= y){ 


if(p>=0) { 
x+=1; 
| 


p+=4*#* (x-y)+10; 
} 
else { 

x+=1; 

p+=4xx+6; 
} 
pDC—> SetPixel( (cPt.x+ x), (cPt. y+ y),crColor); 
PpDC—> SetPixel( (cPt.x— x), (cPt.y+ y),crColor); 
PpDC—> SetPixel( (cPt.x+ x), (cPt.y— y),crColor); 
PpDC—> SetPixel( (cPt.x— x), (cPt.y— y),crColor); 
pDC—> SetPixel( (cPt.x+ y), (cPt. y+ x),crColor); 
PpDC—> SetPixel( (cPt.x— y), (cPt.y+ x), crColor); 
PpDC—> SetPixel( (cPt.x+ y), (cPt.y— x),crColor); 
PpDC -> SetPixel( (cPt.x— y), (cPt.y— x),crColor); 


} 


通过 比较 Bresenham 夯 圆 算法 代码 和 中 点 画 贺 算法 ,可 以 看 到 ,虽然 两 种 算法 的 基本 
原理 和 推导 过 程 不 同 ,但 是 算法 的 构造 迭代 公式 却 基 本 上 是 相同 的 ,因此 两 种 算法 的 计算 速 
度 也 是 相同 的 。 
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在 应 用 程序 中 生成 圆 时 ,可 以 按照 如 下 方法 对 





class CCircle:CDraw{ 
public: 

CPoint Opt; 

int rLength; 
}; 


EE 立 圆 的 结构 类 : 


// 圆 心 
// 半 径 


在 视图 窗口 类 中 建立 圆 的 集合 : carray< ccircle, CCcircle> m_circle_array; ,利用 鼠标 在 视 


图 窗口 拾取 圆心 ,并 设计 或 者 输入 圆 的 半径 值 ,也 


可 以 类 似 直 线 生成 程序 ,利用 橡皮 筋 技 术 


实时 生成 ,并 比较 中 点 画 圆 算法 和 Bresenham 画 圆 算法 ,如 图 3. 2-4 所 示 。 圆 生成 程序 的 流 


程 和 代码 可 参考 3. 1 节 “ 直 线 的 扫描 转换 ”中 的 相 
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图 3.2-4 圆 的 生成 


3.2.4 圆 弧 段 的 扫描 转换 


圆 弧 段 的 扫描 转换 是 指 仅 将 圆 中 的 任意 一 段 
指定 的 颜色 显示 出 来 。 圆 弧 段 的 扫描 转换 也 可 以 


圆 弧 利 用 一 组 屏幕 像素 点 最 佳 逼近 ,并 用 
利用 圆 的 扫描 转换 方法 的 中 点 画 圆 算法 或 


者 Bresenham 算法 的 思路 实现 ,但 是 ,由 于 圆 弧 段 在 圆 上 的 位 置 具有 任意 性 , 圆 弧 段 的 长 度 


和 两 个 端点 的 位 置 也 是 任意 的 ,所 以 , 圆 弧 段 的 扫 
一 圆 弧 上 通过 镜像 生成 的 扫描 转换 方法 复杂 。 


首先 ,利用 轴线 、45 





整 圆 的 中 点 画 圆 算法 和 


3.2-5 圆 分 区 


描 转 换 实 现 方法 比 整个 圆 在 标准 的 八 分 之 


圆 上 两 点 之 间 对 应 的 圆 弧 段 有 两 个 ,为 了 具有 确定 性 , 设 其 中 
一 个 点 为 圆 弧 的 起 点 , 男 外 一 个 点 为 圆 弧 的 终点 ,从 起 点 到 终点 顺 
时 针 方 向 的 这 段 圆 弧 为 所 求 的 圆 弧 段 。 


“及 135 线 作 镜像 线 将 圆 划 分 成 如 下 八 个 


区 域 , 按 顺 时 针 方 向 分 别 用 数字 0 一 7 进行 编号 ,如 图 3. 2-5 所 示 。 


Bresenham 画 圆 算法 都 是 首先 在 圆 的 0 号 


区 域 进行 迭代 生成 ,其 他 区 域 的 点 利用 镜像 对 称 性 生成 。 点 之 间 
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的 对 称 性 可 以 利用 坐标 变换 敌阵 表示 , 设 0 号 区 域 的 矩阵 为 ro=|。 |- 风 其 他 区 城 的 


坐标 变换 秆 阵 分 别 为 70D 一 [|].72) 一 | | 一。 -由 于 对 称 性 ,条 


阵 TC4)、T(5)、T(6)、T(7) 可 以 分 别 通过 将 矩阵 TC0)、T(1) 、T(2)、T(3) 乘 以 一 1 获得 到 。 

设 圆 上 0 区 域 的 一 个 点 (zxo, wo) 用 向 量 表示 为 [x。 yo], 则 其 在 其 他 区 域 的 镜像 
点 一 一 例如 i 区 域 的 镜像 点 (zy) 一 一 的 向 量 为 该 点 向 量 乘 以 ;区 域 的 坐标 变换 矩阵 得 到 ， 

[z yJ= [zx yo]* TO 

相反 , 当 圆 上 点 在 其 他 区 域 ,例如 区 域 的 一 个 点 (zi ,yi) ,如 要 获得 其 在 0 区 域 的 镜像 

对 应 点 ,可 通过 该 点 的 向 量 乘 以 k 区 域 坐 标 变换 矩阵 的 逆 矩 阵 计 算得 出 : 
[z y]= [xz ywm]. Tk) 

同 理 , 贺 上 其 他 某 个 区 域内 的 圆 弧 段 在 0 区 域 上 也 对 应 了 一 段 圆 弧 ,那么 ,只 要 在 0 区 
域 上 对 与 其 对 应 的 圆 弧 段 的 最 佳 像 素 允 近 点 利用 中 点 画 线 算法 或 者 其 他 算法 进行 近 代 生 
成 ,但 是 对 像素 点 不 进行 颜色 显示 ,而 是 通过 坐标 变换 矩阵 仅 在 要 求 的 圆 弧 段 上 的 像素 显示 
颜色 ,这 样 ,就 实现 了 其 他 圆 弧 区 域内 的 任意 圆 弧 段 的 扫描 转换 。 这 种 方法 的 关键 是 要 准确 
找到 圆 弧 段 在 0 区 域 所 对 应 的 位 置 以 及 起 始 和 终止 点 。 

设 圆 弧 段 的 起 点 为 (zx,,y,) ,终点 为 (ze,y), 圆 弧 所 在 圆 的 圆心 为 (ze,y) ,半径 为 R。 
圆 弧 段 的 起 点 (x,,y,) 和 终点 (zx,，,y,) 的 位 置 关系 有 两 种 情况 ,第 一 种 情况 是 起 点 和 终点 在 
同一 个 区 域内 ,第 二 种 情况 是 起 点 和 终点 不 在 同一 个 区 域 , 即 横 跨 几 个 区 域 。 这 两 种 情况 需 
要 分 别 考虑 。 

当 起 点 和 终点 在 同一 个 区 域内 时 ,扫描 转换 方法 即 为 上 述 的 圆 上 其 他 某 个 区 域内 的 圆 
弧 的 生成 方法 : 用 起 点 和 终点 的 向 量 乘 以 所 在 区 域 的 坐标 变换 矩阵 的 逆 矩 阵 即 得 两 点 在 0 
区 域 的 对 应 点 ,对 0 区 域 的 两 点 之 间 的 圆 弧 进行 近代 生 
成 ,然后 转换 到 起 点 和 终点 所 在 的 区 域 显示 。 设 起 点 
(zsoys) 的 对 应 点 是 (zo,yo), 终 点 (zx,,y) 的 对 应 点 是 
《zisy1) ,如 图 3.2-6 所 示 。 如 果 镜 像 转 换 后 圆 弧 的 方向 
发 生 了 变化 ,那么 应 将 起 点 和 终点 互 换 。 

由 于 圆 弧 段 不 一 定 是 完整 的 八 分 之 一 圆 弧 , 利 用 算 
法 迭代 生成 时 ,计算 初始 判别 式 值 的 构造 点 不 再 是 
(0,R) ,而 是 起 点 (zu,yo)。 例 如 中 点 画 圆 算法 的 初始 判 
别 式 的 值 为 

do= F(M)= F(zo 十 1,y 一 0.5) 一 (zo 十 1)2 十 (yo 一 0.5)2 一 尺 2 
一 1.25 十 2zo 一 加 
和 圆 的 算法 处 理 方法 相同 ,将 判别 式 乘 以 4, 把 小 数 变 成 整数 
do = F(M)= (1.25 十 2zo 一 y)X4 一 5 十 8zo 一 4yo 

同样 ,迭代 的 终止 条 件 也 要 修改 为 圆 弧 画 到 终点 (zi ,yi ) 时 结束 。 利 用 上 述 算法 即 可 绘 
制 出 整个 部 分 都 在 一 个 区 域内 的 圆 弧 段 。 

当 起 点 和 终点 横 跨 几 个 区 域 时 , 即 不 在 同一 个 区 域 的 情况 ,为 了 生成 圆 弧 ,首先 将 圆 弧 
段 分 成 三 个 部 分 分 别处 理 , 这 三 部 分 分 别 是 起 点 所 在 区 域 的 圆 弧 段 , 终 点 所 在 区 域 的 圆 弧 段 








图 3.2-6 起 点 终点 在 一 个 区 域 
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以 及 起 点 和 终点 之 间隔 着 的 几 个 八 分 之 一 区 域 的 圆 弧 段 ,如 图 3. 2-7 所 示 。 这 样 划分 后 ,起 
点 和 终点 所 在 的 圆 弧 段 就 符合 同 在 一 个 区 域 的 情况 ,这 时 , 圆 弧 段 的 另外 一 个 端点 在 镜像 线 
上 ,利用 上 述 一 个 区 域内 的 圆 弧 段 的 扫描 转换 方法 就 可 
以 生成 。 在 具体 实现 时 需要 注意 ,同样 的 圆 弧 段 处 在 不 
同 的 区 域 时 ,在 0 区 域 对 应 的 圆 弧 段 的 位 置 是 不 同 的 
同一 个 区 域 的 起 点 和 终点 的 圆 弧 段 在 0 区 域 对 应 的 加 
弧 段 的 位 置 也 是 不 同 的 。 设 起 点 (x,,y,) 所 在 的 区 域 是 
1,, 在 0 区域 的 对 应 点 是 (xo ,yo)。 

当 I,E€ [0,2,4,6] 时 ,起 点 部 分 的 圆 弧 段 在 0 区 域 
对 应 的 是 | (zw) ,| 知 , 东 | 湛 罗 开 ， 

当 工 E [1,3,5,7] 时 ,起 点 部 分 的 圆 弧 段 在 0 区 域 对 应 的 是 [(0,R),(z,,y,)] 段 圆 弧 。 

同样 区 域 的 终点 部 分 的 圆 弧 在 0 区 域 对 应 的 圆 弧 段 和 起 点 部 分 的 圆 弧 在 0 区 域 对 应 的 
圆 弧 段 恰好 相反 。 

圆 弧 起 点 和 终点 之 间隔 着 的 中 间 几 个 区 域 部 分 的 圆 弧 是 0 区 域 的 八 分 之 一 圆 弧 段 的 整数 


倍 ,利用 中 点 画 圆 算法 或 者 Bresenham 夯 加 算法 将 0 区 域 的 国王 眉 | (0,R),[ 合生] | 站 代 


生成 后 ,通过 其 他 几 个 区 域 的 坐标 变换 矩阵 获得 对 应 区 域 的 像素 点 , 即 可 得 到 这 几 个 部 分 的 
圆 弧 段 。 

起 点 部 分 的 圆 弧 ,终点 部 分 的 圆 弧 以 及 中 间 部 分 的 圆 弧 合 在 一 起 就 是 所 需 生成 的 贺 
弧 段 。 

由 于 起 点 和 终点 在 圆 上 的 位 置 是 任意 的 ,起 点 和 终点 所 在 的 区 域 也 是 任意 的 ,但 是 , 贺 
弧 段 是 指 顺 时 针 方 向 从 起 点 到 终点 的 圆 弧 ,为 了 使 区 域 具 有 连贯 性 ,应 该 保证 终点 所 在 区 域 
的 编号 不 小 于 起 点 区 域 的 编号 。 设 终点 所 在 的 区 域 是 I ,对 I, 作 如 下 处 理 : 

当 I<Il, 时 ,1=1, 十 8。 

在 计算 所 在 区 域 的 坐标 变换 矩阵 或 者 逆 矩 阵 时 ,将 1 与 8 求 余数 : 1 二 1,%8, 即 得 准 
确 的 区 域 编号 。 

上 述 圆 弧 段 实现 方法 的 函数 代码 参考 如 下 : 











图 3.2-7 起 点 终点 不 在 一 个 区 域 





/ 兴 兴 关 关 闪光 关 尖 关 关 尖 关 闪闪 尖 关 闪 闪 尖 关 关 并 尖 关 关 关 闪光 关 关 关 尖 尖 关 关 尖 闪光 关 尖 尖 关 关 关 关 关 关 关 闪光 关 关 闪闪 关 关 闪光 关 关 尖 关 关 关 关 闪 光 关 关 
DrawCircleArc: 圆 弧 段 生 成 函数 
PDC: 显示 器 指针 ; cPt: 圆心 ; R: 半径 ; sPt: 起 点 ; ePt: 终点 ; crColor: 颜色 
关 关 闪光 尖 关 关 庆 尖 关 关 关 关 尖 关 关 关 尖 尖 尖 尖 尖 关 关 尖 尖 闫 关 庆 尖 关 关 关 尖 尖 尖 关 关 尖 闫 关 关 关 尖 闫 关头 尖 关 关 关 关 尖 关 关头 尖 关 关 关 关 关 关头 关 关 关 关 / 
void DrawCircleArc(CDC * pDC,CPoint cPt, int arcR,CPoint sPt,CPoint ePt,COLORREF crColor){ 
CPoint s_Pt,e Pt; 
// 圆 心 移动 到 原点 
a Pt x= obtix— cbtr; 
Sbt y= obty—ebty 
起 是 一 人 tx 
全 Pt.y= ePtiy— cpt.y; 
// 第 一 步 ,首先 查找 两 个 端点 所 在 的 区 域 编号 
int T[2][2],T1[2][2]; // 镜 像 转 换 矩 阵 
CPoint Pt0, Pt1; // 圆 点 处 镜像 后 的 起 始终 止 点 


int iIs= FindIndexOfArc(s Pt); 
int iIle= FindIndexOfArc(e Pt); 
if(iIe< iIs) ile+=8; 
if(iIs== iIe){ 
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// 起 始点 和 终止 点 在 一 个 区 域 


// 首 先 镜像 到 0 号 弧 段 ,生成 线 再 镜像 到 圆 弧 段 内 画 线 


GetMatrixT(T, iIs); 
GetTtopt(T,s_Pt, Pt0,1); 
GetTtoPpt(T,e Pt,Pt1,1); 
证 (Pt0.x<Pt1.x) 


// 获 得 在 0 弧 段 的 镜像 矩阵 
// 生 成 0 弧 段 的 对 应 点 


// 从 pt0 画 到 ptl 


SetArc(pDC, cPt, arcR, 3, Pt0, Pt1, T, crColor); 


else 


// 从 ptl 画 到 pt0 


SetArc(pDC, cPt, arcR, 3, Pt1, Pt0, T, crColor); 


} 

else { 
//1. 起 始点 段 圆 弧 
GetMatrixT(T, iIs); 
GetTtoPt(T,s_Pt, Pt0,1); 
if(iIs%2==0) 


// 起 始终 止 点 不 在 一 个 区 段 , 则 分 三 部 分 分 别 生成 


// 获 得 在 0 弧 段 的 镜像 矩阵 
// 生 成 0 弧 段 的 对 应 点 
// 从 起 点 到 八 分 之 一 镜像 线 生成 圆 弧 


SetArc(pDC, cPt, arcR, 2, Pt0, Pt1, T, crColor); 


else 


// 从 (0,R) 到 起 点 之 间 的 圆 弧 


SetArc(pDC, cPt, arcR, 1, Pt0, Pt1, T, crColor); 


//2. 中 间 圆 弧 段 
for(int i= iIls+1;i<iIle;i++){ 
GetMatrixT(T1,i% 8); 


// 获 得 i 弧 段 的 镜像 矩 阵 


SetArc(pDC, cPt,arcR,0,Pt0, Pt1,Tl,crColor); // 画 八 分 之 一 圆 弧 


} 

//3. 终 止 点 圆 弧 段 
GetMatrixT(T, iIe); 
GetTtoPt(T,e_Pt, Ptl,1); 
if(iIe% 2==1) 


// 获 得 在 0 弧 段 的 镜像 矩阵 
// 生 成 0 弧 段 的 对 应 点 
// 从 终止 点 到 八 分 之 一 镜像 线 生成 圆 弧 


SetArc(pDC, cPt, arcR, 2, Pt1, Pt0, T, crColor); 


else 


// 从 (0,R) 到 终止 点 之 间 的 圆 弧 


SetArc(pDC, cPt, arcR, 1, Pt1, Pt0, T, crColor); 


} 


return; 


有 


上 述 代码 中 ,查找 圆 弧 端点 所 在 的 区 域 编号 的 函数 如 下 : 


int FindIndexOfArc(CPoint Pt){ 
int x= Pt.x; 
int y= Pt.y; 
if(x> 0&&Y> 0&&x<Y) return 0; 
if(x> 0&&Y> 0&&x> y) return 1; 
if(x> 0&&y < 0&&x>— y) return 2; 
if(x> 0&&Y< 0&&x< 一 Y) return 3; 
if(x<O0g&&y <O058— x<—y) return 4; 
许 (x< 0&&Y< 0&& 一 X> 一 Y) return 5; 
if(x<0g&&y> 0&8& 一 X>Y) return 6; 
主 (x< 0&&Y> 0&8& 一 X<Y) return 7; 
return 一 17 


/* cPt: 圆 心 ,Pt: 判 断 的 圆 弧 点 */ 
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ou 








其 中 ,计算 区 域 坐 标 变换 矩阵 的 函数 为 : 


void GetMatrixT(int T[2][2], int iI){ /*T: 坐标 变换 矩阵 , il: 区 域 编号 * / 
if(iI%8==0){ 

T[0][0] =1;T[0][1] =0; 

T[1][0] = 0;T[1][1] =1; 


T[0][0] = 0;T[0][1] =1; 
T[1][0] = 1;T[1][1] = 0; 


T[0][0] = 0;T[0][1] =-1; 
T[1][0] =1;T[1][1] = 0; 


T[0][0] =1;T[0][1] =0; 
T[1][0] = 0;T[1][1] =-1; 


else if(iI%8==4){ 
T[0][0] =- 1;T[0][1] = 0; 
T[1][0] = 0;T7[1][1] =-1; 


else if(iI%8==5){ 
T[0][0] = 0;T[0][1] =-—1; 
T[1][0] =-1;7[1][1] =0; 


else if(iI%8==6){ 
T[0][0] = 0;T[0][1]=1; 
TI1][0] =- 1;T[1][1] = 0; 








else if(iI%8==7){ 
T[0][0] =-1;T[0][1] =0; 
T[1][0] =o;T[1][1] = 1; 











} 
利用 坐标 变换 矩阵 生成 区 域 的 像素 点 和 变换 道 矩 阵 获得 在 0 区 域 的 对 应 点 的 函数 为 : 


void GetTtoPt(int T[2][2], CPoint& Pt, CPoint& retnPt, int InverseFlag=0){ /x*T: 坐标 变换 矩 
阵 ; retnPt: 返回 点 ; InverseFlag: =1- 和 矩阵 求 逆 */ 
if(InverseFlag==1){ // 道 阵 
// 主 对 角 线 元 素 互 换 并 除 以 行列 式 的 值 , 副 对 角 线 元 素 变 号 并 除 以 行列 式 的 值 
int T1[2][2], tmp, tmpl; 
tmp= T[0][0]; 
T1[0][0] = T[1][1]; 
T1[1][1] = tmp; 
T1[1][0] = T[1][0] * (—1); 
T1[0][1] = TIO][1] * (—1); 
tmpl = T[O][O] * T[1][1] ~ T[1][0] * T[0][1]; 
retnPt.x= (Pt.x* TI1[0][0] + Pt.y* T1[1][0])/tmpl; 
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retnPt.Y= (Pt.x* T1[0][1] + Pt.y* T1[1][1])/tmpl; 
} 
else { 
retnpt.x= (Pt.x* T[0][0] +Pt.y* T[1][0]); 
retnpt.y= (Pt.x* T[0][1] +Pt.y* T[1][1]); 
让 
return; 


|: 


下 面 是 代码 中 用 到 的 具体 一 个 圆 弧 段 的 生成 函数 ,其 中 迭代 生成 点 的 方法 利用 的 是 中 
点 画 圆 算法 的 原理 : 


/* pDC: 显示 器 指针 ; cPt: 圆心 ; ArcType = 0: 八 分 之 一 圆 弧 , =1: 从 (0,R) 到 Pt_s 的 圆 弧 ,= 2: 从 
Pt_s 到 x=y( 八 分 之 一 镜像 线 ) 的 圆 弧 , = 3:Pt_s 到 Pt_e 的 圆 弧 ,Pt_s: 起 点 ,Pt_e: 终点 ; T: 坐标 变 
换 矩 阵 ; crColor: 颜色 * / 
void SetArc(CDC * pDC, CPoint cPt, int R, int ArcType, CPoint &Pt_s, CPoint &Pt_e, int T[][2], 
COLORREF crColor){ 
int x,y,d; 
CPoint p0, pl; 
if(ArcType == 0| |ArcType == 1){ 
x=0; 
y=R; 
d=5-4x*R; 
} 
else { 
Pts x 
y=Pt_s.y; 
d=8x*xx-4xy+5; 
} 
// 镜 像 到 原始 点 所 在 圆 弧 区 间 上 生成 
p0.x= Xi 
p0.Y= Yi 
GetTtoPt(T, p0, p1); 
pDC— > SetPixel( (cPt.x+ pl.x), (cPt.y+ pl.y),crColor); 
while(1) { // 迭 代 生 成 条 件 
if(ArcType == 0||ArcType == 2){ // 生 成 到 八 分 之 一 镜像 线 处 
if(x>y) break; 
} 


else if(ArcType ==1){ // 生 成 从 (0,R) 到 Pt_s 的 圆 弧 
if(x>Pt_s.x) break; 

} 

else if(ArcType == 3){ // 生 成 到 Pt_e 的 圆 弧 
if(x>Pt e.x) break; 

} 

if(d>=0) { 
+= 
d+=8*x (x—y) +20; 

} 

else 1{ 


x+=1; 
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d+=8xx+12; 
} 
pO.x=x; 
pO.y=y; 
GetTtoPt(T, p0, p1); 
pDC—> SetPixel( (cPt.x+ pl.x), (cPt.y+ pl.y),crColor); 


} 
上 述 算法 生成 圆 弧 段 的 效果 图 如 图 3. 2-8 所 示 。 


Ps 除了 利用 圆心 .起 点 和 终点 确定 圆 弧 外 ,利用 其 他 方式 
也 可 以 确定 一 个 国 弧 段 。 例 如 ,加 上 三 个 点 确定 一 个 国 弧 ， 
(() ) 已 知 圆心 .起 点 和 贺 弧 角 也 可 以 确定 一 个 邮 弧 。 利 用 其 他 广 

二 式 得 到 的 圆 弧 可 以 通过 计算 转换 成 国 心 ,起 点 、 终 点 的 贺 弧 
~、 段 表示 。 由 于 国 弧 段 是 整 团 的 一 部 分 , 辕 弧 段 也 可 以 通过 国 
是 Rs 的 城 剪 生成 ,为 了 使 加 和 加 弧 具有 统一 的 表示 方法 ,对 加 的 
结构 类 作 如 下 进一步 的 改进 ， 


class CCircle:CDraw{ 


public: 
CCircle(){ 
Type= 0; 
DirectFlag=0; } 
CPoint Opt; // 圆 心 
int rLength; // 半 径 
int Type; // 圆 的 类 型 0: 整 圆 ,1: 圆 弧 
int DirectFlag; // 圆 的 方向 0: 顺 时 针 ,1: 道 时 针 
CPoint Spt; // 第 一 个 点 ,也 指 起 点 
CPoint Ept; // 第 二 个 点 ,也 指 终点 
CPoint Tpt; // 三 点 弧 时 ,第 三 个 点 


3.3 椭圆 的 扫描 转换 


中 点 画 圆 法 可 以 推广 到 一 般 二 次 曲线 的 扫描 转换 ,例如 椭圆 的 扫描 转换 。 图 3. 3-1 所 

示 通 过 坐标 原点 的 椭圆 方程 为 
F(z,y)= bx’ +tay —ab=0 

其 中 4 为 沿 z 轴 方 向 的 长 半 轴 长 度 ,6 为 沿 y 轴 方向 的 短 半 轴 长 度 。 由 于 椭圆 具有 对 称 性 ， 
因此 只 需 讨 论 第 一 象限 部 分 的 椭圆 的 生成 ,其 他 三 部 分 通过 对 称 实现 。 在 处 理 这 段 椭圆 弧 
时 ,需要 从 弧 上 和 斜率 为 一 1( 即 法 向 矢量 为 1) 的 点 进一步 把 它 分 为 上 下 两 部 分 ,如 图 3. 3-2 
所 示 ,法 向 量 N>1, 即 点 在 上 一 部 分 时 ,在 工 方向 进行 单位 增 量 ; 法 向 量 N<1, 即 点 在 下 一 
部 分 时 ,在 y 方向 进行 单位 增 量 。 
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风 
2 N=1 

加 着 
图 3.3-1 构 贺 图 3.3-2 椭 回 法 向 量 N 一 1 


与 中 点 画 圆 算 法 类 似 , 首 先 在 做 选择 的 两 个 像素 的 中 点 处 构造 判别 式 ,并 根据 判别 式 的 
正 负 来 确定 最 佳 逼 近 像 素 ,然后 ,再 构造 下 一 个 判别 式 。 
假设 当前 最 佳 像素 允 近 点 为 (zi,yi), 在 x 方向 进行 单位 增 量 ,构造 中 点 为 
(zi 十 1,yi; 一 0.5), 则 判别 式 为 
d= F(zxit+1,y—0.5)= 6 (zi 十 1)2 十 a2 (yi —0.5):—a’b’ 

车 d 一 0, 构 造 的 中 点 在 椭圆 内 , 则 下 一 个 最 佳 像 素 点 为 (zi 十 1,y )。 再 构造 下 一 个 中 
点 为 (zi 十 2,y; 一 0.5), 则 判别 式 为 
di= F(z:+2,%—0.5) = 6 (zi+2) + a (yO—0.5) —ab 

= d+b(2zit3) 

即 增 量 为 8 (2x; 十 3)。 

若 d 三 0, 构 造 的 中 点 在 椭圆 外 , 则 下 一 个 最 佳 像 素 点 为 (zi 十 1,y; 一 1)。 青 构造 下 一 个 
中 点 为 (zi 十 2,y; 一 1.5), 则 判别 式 为 

di= F(zi+2,y—1.5) = 6(zi+2) ta (y;— 1.5):—ab 
d+6(2zxi+t 3) +a’(—2y;++2) 

即 增 量 为 6? (2z; 十 3) 十 a? (一 2yi 十 2)。 

从 起 点 (0,65) 处 开始 构造 初始 中 点 (1,6 一 0.5) ,对 应 的 初始 判别 式 为 

do = F(1,6—0.5) 一 六 十 (5—0.5)?—ab = 二 a:( 一 6 十 0.25) 

上 述 迭 代 是 法 向 量 N 三 1 时 的 算法 。 当 N 二 1 时 ,在 y 方 向 单位 增 量 。 根 据 微分 知识 ， 

椭圆 上 点 (x,y ) 处 的 法 向 量 NN 为 






































N(z'y) 一 本 + 号 = 2b0°7i 2a yj 
其 中 和 分 别 为 该 点 在 x 方向 和 y 方向 的 单位 向 量 。 当 N 三 1 时 ,法 向 量 y 分 量 较 大 ; 
N< 一 1 时 ,法 向 量 zx 分 量 较 大 。 因 此 N 宇 1 时 , 即 为 28?x 二 2a?y 过 Vxa?y, 由 于 构造 的 中 点 
和 椭圆 上 的 点 非常 接近 ,可 以 认为 构造 的 中 点 (zi; 十 1,y; 一 0.5) 也 满足 
zfKzr 十 Toy 一 六 5) 

在 构造 下 一 个 中 点 时 ,如 果 上 面 的 不 等 式 不 再 成 立 , 则 说 明 这 时 椭圆 上 点 的 法 向 量 
N<1, 这 时 开始 在 > 方向 单位 增 量 。 

与 在 工 方向 的 单位 增 量 计算 迭代 类 似 , 构 造 N=1 时 的 中 点 和 判别 式 。 假 设 当前 最 佳 
像素 逼近 点 为 (zi'y) ,在 y 方 向 单位 增 量 ,构造 中 点 为 (zi 十 0.5,y; 一 1), 则 判别 式 为 

d= F(zi+0.5,y;—1)= 6 (zit+0.5) +a’ (y;— 1) —a’b 

车 d=0, 构 造 的 中 点 在 椭圆 内 ,下 一 个 最 佳 像 素 点 为 (zi 十 1,y; 一 1)。 再 构造 下 一 个 中 

点 为 (zi 十 1.5,yi 一 2);, 则 判别 式 为 
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di= F(zi+1.5,y—2) 一 及 (zi 十 1.5)2 十 a2(ys 一 2)2 —ab 
dd 十 到 (2 十 2) 十 吧 ( 一 2 十 3) 
即 增 量 为 天 (2z; 十 2) 十 az2( 一 2 十 3) 。 
车 d 宇 0, 构 造 的 中 点 在 椭圆 外 ,下 一 个 最 佳 像 素 点 为 (zx; ,yi 一 1)。 再 构造 下 一 个 中 点 
为 (zi 十 0.5,y; 一 2), 则 判别 式 为 
di= F(zi+0.5,.y:—2) = 6 (rit+0.5) ta (yi 一 2)2 —ab 
= d+a’(—2y; 十 3) 
即 增 量 为 a? (一 2y; 十 3)。 
当 y; 二 0 时 ,和 迭代 终止 。 
上 述 的 椭圆 中 点 算法 函数 代码 参考 如 下 : 











/ 类 关 奖状 关 关 六 关 闪闪 关 关 闪闪 关 关 尖 关 闪 关 关 尖 关 闫 关 关 闪闪 关 关 关 关 关 关 关 闪闪 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 
MidPt_Ellipse: 中 点 画 椭 圆 算法 函数 
pDC: 显示 器 指针 ; cPt: 圆心 ; a: 第 一 个 半 轴 ; b: 第 二 个 半 轴 ; crColor: 颜色 
状 关 闪光 次 闫 尖 尖 尖 闫 并 尖 尖 关 并 并 闪光 关 并 并 闪 关 关 尖 关 其 关 尖 尖 闫 关 关 关 关 闫 关 关 关 英美 尖 关 关 凌 并 尖 关 关 关 并 尖 关 关 关 并 关 关 关 并 关 关 关 关 关 关 关 关 / 
void Midpt_Ellipse(CDC* pDC,CPoint cPt, int av int b,COLORREF crColor){ 

int xy y; 

double d; 

x=0; 

.by 

d=bxbtaxax*(—-b+0.25); // 初 始 值 

pDC—> SetPixel( (cPt.x+x), (cPt.y+y),crColor); 

pDC—> SetPixel( (cPt.x+ x), (cPt.y— y),crColor); 

pDC—> SetPixel( (cPt.x— x), (cPt.y+y),crColor); 

pDC—> SetPixel( (cPt.x— x), (cPt.y— y),crColor); 

while(bxbx (x+1)<axax(y-0.5)){ ”// 法 向 量 大 于 1 


if(d>=0) { 
x+=1; 
| 


d+=bxbx(2xx+3)+axax( 一 2xy+2); 
} 
else { 

x+=1; 

d+=bxbx (2x*x+3); 
} 
pDC—> SetPixel( (cPt.x+ x), (cPt.y+ y), crColor); 
pDC—> SetPixel( (cPt.x+ x), (cPt.y— y),crColor); 
pDC—> SetPixel( (cPt.x— x), (cPt.y+ y),crColor); 
PpDC—> SetPixel( (cPt.x— x), (cPt.y— y), crColor); 


} 
while(y> 0){ // 法 向 量 小 于 1 
if(d>=0) { 
| 


d+=axax(—2xy+3); 
} 
else { 

x+=1; 

y=1; 
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d+=axax*(—2x*xy+3)+bxbx (2*x+2); 
} 
PpDC—> SetPixel( (cPt.x+ x), (cPt.y+ y),crColor); 
PpDC—> SetPixel( (cPt.x+ x), (cPt.y— y),crColor); 
PpDC—> SetPixel( (cPt.x— x), (cPt.y+ y),crColor); 
PDC—> SetPixel( (cPt.x— x), (cPt.y— y), crColor); 


} 
在 应 用 程序 中 生成 椭圆 时 ,可 建立 如 下 的 椭圆 类 : 


class CEllipse:CDraw{ 


public: 
CPoint Opt; // 椭 圆 中 心 点 
int a,b; // 椭 圆 的 两 个 半 轴 长 


}; 
在 视图 窗口 类 建立 椭圆 的 集合 : CArray< CEllipse, CEllipse > m_ellipse_array; ,通过 窗口 拾 
取 椭 圆 的 中 心 点 和 设计 两 个 半 轴 的 长 度 , 或 者 直接 通过 对 话 框 输入 对 应 值 ,生成 的 椭圆 如 
图 3. 3-3 所 示 。 椭 圆 生 成 程序 的 流程 和 代码 可 参考 3. 1 节 “ 直 线 的 扫描 转换 ”中 的 相关 内 容 
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图 3.3-3 椭圆 的 生成 
3.4 多边 形 的 扫描 转换 及 区 域 填 充 


3.4.1 多 边 形 的 扫描 转换 


多 边 形 是 指 由 首尾 相 接 的 直线 段 组 成 的 封闭 图 形 。 形 成 的 这 个 封闭 区 域 是 多 边 形 的 内 
部 ,封闭 区 域外 侧 是 多 边 形 的 外 部 ,多 边 形 的 顶点 即 由 直线 段 的 端点 组 成 ,组 成 多 边 形 边 的 
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直线 段 之 间 不 能 发 生 交叉 现象 。 根 据 形状 特点 ,多边 形 可 以 分 为 下 面 三 种 类 型 ; 

(1) 凸 多 边 形 

凸 多 边 形 指 任意 两 个 顶点 的 连 线 都 在 多 边 形 内 部 的 多 边 形 ,如 图 3.4-1(a) 所 示 。 

(2) 止 多 边 形 

凹 多 边 形 指 任意 两 个 顶点 的 连 线 有 不 在 多 边 形 内 部 的 多 边 形 ,如 图 3. 4-1(b) 所 示 。 

(3) 带 内 环 的 多 边 形 

带 内 环 的 多 边 形 指 多 边 形 内 部 还 嵌 套 有 多 边 形 ,如 图 3.4-1(c) 所 示 。 这 时 的 多 边 形 内 
部 是 指 最 外 侧 的 多 边 形 和 谋 套 的 多 边 形 之 间 的 区 域 ,如 果 有 多 个 嵌 套 的 多 边 形 , 则 要 求 嵌 套 
的 多 边 形 之 间 不 能 交叉 ,也 不 能 再 嵌 套 。 嵌 套 的 多 边 形 又 称 为 内 环 , 最 外 侧 的 多 边 形 称 为 


外 地 、。 
[wy 
ks 


(a) 咱 多 边 展 (bb 四 多 边民 (c)》 带 内 环 的 多 边 展 
图 3.4-1 多 边 形 的 类 型 


计算 机 中 多 边 形 的 表示 方法 有 两 种 。 

(1) 顶点 表示 法 

用 多 边 形 的 顶点 序列 来 表示 多 边 形 ,如 图 3. 4-2 所 示 。 顶 点 表示 法 的 特点 是 直观 、 几 何 
意义 强 , 易 于 图 形变 换 , 而 且 占 用 内 存 较 少 ,但 是 不 能 区 分 多 边 形 的 内 外 部 。 

(2) 点 阵 表 示 法 

用 位 于 多 边 形 内 部 的 像素 点 集 来 表示 多 边 形 ,如 图 3. 4-3 所 示 。 点 阵 表 示 法 的 特点 是 
可 以 明确 多 边 形 的 内 部 区 域 , 并 将 内 部 区 域 的 像素 点 显示 成 要 求 的 颜色 ,但 是 缺少 多 边 形 项 
点 的 几何 信息 。 
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图 3.4-2 顶点 表示 法 图 3.4-3 点 阵 表示 法 


多 边 形 的 扫描 转换 就 是 把 多 边 形 从 顶点 表示 转换 为 点 阵 表 示 。 多 边 形 的 扫描 转换 又 称 
为 多 边 形 的 区 域 填充 , 即 从 多 边 形 的 项 点 信息 出 发 , 求 出 多 边 形 的 内 部 区 域 的 像素 点 ,并 用 
要 求 的 颜色 显示 出 来 。 

扫描 线 算法 是 一 种 常用 的 多 边 形 区 域 填充 算法 ,其 基本 原理 是 按 扫描 顺序 ,计算 每 条 扫 
描 线 与 多 边 形 的 相交 区 间 ,再 用 要 求 的 颜色 显示 这 些 区 间 的 像素 , 即 完成 填充 工作 。 区 间 的 
端点 可 以 通过 计算 扫描 线 与 多 边 形 边界 线 的 交点 获得 ,如 图 3. 4-4 所 示 。 

扫描 线 算法 的 核心 : 须 按 z 的 递增 顺序 排列 扫描 线 与 多 边 形 边线 的 交点 序列 ,并 形成 


区 间 。 算 法 步骤 如 下 。 


(1) 确定 多 边 形 所 占有 的 最 大 扫描 线 数 : 得 到 项 ”1 
点 的 最 小 和 最 大 > 值 (ywis 和 ymx) 。 
(2) 从 y 王 ymin 到 y 一 ymx 每 次 用 一 条 扫描 线 进 行 > 


填充 。 


中 求 交 : 计算 扫描 线 与 多 边 形 各 个 边 的 交点 。 

@ 排序 : 将 所 有 交点 按 z 值 的 递增 顺序 排序 。 

@ 交点 配对 : 将 交点 按 递 增 顺 序 两 两 配 成 区 间 
对 ,例如 第 一 点 和 第 二 点 、 第 三 点 和 第 四 点 分 别 组 成 


~ 

6 

(3) 对 一 条 扫描 线 填充 的 过 程 可 分 为 四 个 步骤 。 ”4 
3 

3 

0 
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图 3.4-4 扫描 线 多边 形 填充 算法 


区 间 对 。 交 点 对 之 间 构 成 的 区 间 就 是 多 边 形 内 部 的 


像素 点 。 


@ 区 间 填 色 : 将 区 间 对 内 的 像素 点 设置 成 要 求 的 颜色 。 
扫描 线 算法 的 原理 简单 ,实施 时 需要 提高 算法 的 准确 度 和 填充 效率 。 算 法 准确 度 主要 是 
指 当 扫描 线 通 过 多 边 形 的 顶点 时 ,由 于 顶点 是 相 邻 两 个 边 的 共有 点 ,那么 同一 个 交点 会 计算 两 





次 ,这 时 会 存在 交点 数 的 取舍 问题 。 如 图 3. 4-5 所 示 ， 










































































3.4-5 ”交点 取舍 
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当 y 二 1,5,7,8,9,12 时 ,会 通过 多 边 形 的 顶点 ,顶点 即 
交点 ,只 有 取 合适 的 交点 数 , 才 能 正确 形成 区 间 对 。 

解决 方法 是 , 若 共 享 顶点 的 两 条 边 分 别 在 扫描 线 
的 两 侧 , 则 交点 只 算 一 个 ; 若 共享 顶点 的 两 条 边 在 扫 
描 线 的 同一 侧 ,这 时 交点 记 为 零 个 或 两 个 。 可 以 通过 
检查 共享 顶点 的 两 条 边 的 另外 两 个 端点 的 y 值 , 按 这 
两 个 > 值 中 大 于 交点 > 值 的 个 数 来 决定 交点 数 取 0、1 
或 者 2。 若 共享 顶点 的 两 条 边 分 别 在 扫描 线 的 两 侧 ， 
在 代码 中 编程 时 ,可 以 通过 将 每 条 边 的 yw 减少 一 个 
单位 ,或 者 将 ymn 增 加 一 个 单位 ,实现 只 计算 一 个 交 
点 ,如 图 3.4-6 所 示 。 





/ / | 描 线 y+1 
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3 后 线 》 
所 打 撕 线 y-1 


《b) 缩短 ymax 的 边 Ce) 缩 乱 ymin 的 边 


图 3.4-6 共享 顶点 的 两 个 边 的 处 理 


在 应 用 程序 中 实现 多 边 形 扫描 转换 时 ,首先 需要 构造 多 边 形 。 根 据 多 边 形 的 类 型 ,多边 


形 的 结构 类 如 下 : 


59 


60 | “计算 机 图 形 学 一 原理 、 算 法 及 实践 





class CPolyLine:CDraw{ 


public: 
CPolyLine( ){ // 多 边 形 函数 
in_num= 0; // 内 环 数量 最 初 为 0 
} 
~CPolyLine() { // 多 边 形 析 构 函数 , 即 设置 该 多 边 形 为 空 


this—>m PolyLine array Out. RemoveAll(); 
for(int i=0;i<in num;i++){ 
this—>m PolyLine array in[i].RemoveAll(); 
} 
in num= 0; // 内 环 数量 最 初 为 0 
} 
CPolyLine& operator = (const CPolyLine& polyline){ //= 号 重 载 ,多 边 形 赋值 
this—>m PolyLine array Out. RemoveAll(); 
this ->m PolyLine array_Out. Append(polyline.m PolyLine array Out); 
this 一 > in_num = polyline. in num; 
for(int i=0;i<polyline.in num;i++) { 
this—>m PolyLine array_in[i].RemoveAll(); 
this—>m PolyLine array_in[i].Append(polyline.m PolyLine array_in[i]); 
} 
return * this; 
} 
bool operator == (const CPolyLine& polyline){ // == 重 载 ,判断 两 多 边 形 是 否 相 同 
if(this == &polyline) return true; 
for(int i=0;i<this—->m PolyLine_array_Out. GetSize();it+){ // 外 环 判断 
if((this—>m PolyLine_array_Out. GetAt (i) == polyline.m_PolyLine_array_Out. GetAt (i)) == 
false) 
return false; 
} 
if(this-> in_num!= polyline. in_num) // 内 环 判断 
return false; 
for(i=0;i<this 一 > in num;i++){ 
for(int k= 0;k<this 一 >m_PolyLine_array_in[i].GetSize( );k++){ 
if((this—->m PolyLine array_in[i].GetAt(k) == polyline.m_PolyLine_array_in[i]. GetAt(k)) == 


false) 
return false; 
} 

} 

return true; 
} 
CArray < CLine, CLine > m PolyLine array Out; // 多 边 形 外 环 
CArray < CLine, CLine > m PolyLine array_in[10000]; // 多 边 形 内 环 
int in_num; // 内 环 数量 


}; 


通过 鼠标 拾取 屏幕 点 ,并 连接 前 后 点 和 首尾 相 接 ,获得 多 边 形 的 外 环 和 内 环 ,利用 多 边 
形 数组 得 到 多 组 多 边 形 ,如 图 3. 4-7 所 示 。 
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图 3.4-7 多 边 形 
上 述 的 多 边 形 扫描 转换 算法 函数 代码 参考 如 下 : 


// 尖 尖 关 关 美美 尖 六 关 舌 关 尖 尖 尖 尖 关 美美 半 闫 闫 关 关 关 尖 尖 尖 尖 六 尖 关 关 关 闫 闫 关 关 关 关 关 尖 尖 尖 美美 关 关 关 闫 闫 闫 并 关 关 关 闪闪 尖 关 关 关 关 关 关 关 闫 关 关 六 


scanTransfer: 多 边 形 扫描 转换 算法 函数 
pDC: 显示 器 指针 ; polyline: 多 边 形 ; crColor: 颜色 
六 认 深 闫 关 闪光 美美 尖 尖 尖 关 关 闪 关 闫 关 关 关 关 闫 庆 关 关 美美 尖 尖 闫 关 关 关 英美 尖 关 尖 闫 关 关 尖 闫 美 关 尖 尖 关 关 并 尖 闫 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 / 
void scanTransfer(CDC * pDC,CPolyLine &polyline,COLORREF crColor){ 
// 扫 描 转 换 
int ymin, ymax; 
CArray < CLine,CLine> m line Array Out; 
m_line_ Array_Out. Append(polyline.m_PolyLine array Out); // 外 环 多 边 形 
// 得 到 最 小 和 最 大 扫描 线 
if(m line Array Out.GetAt(0).ptl.y<=m line Array Out.GetAt(0).pt2.y) { 
ynin=m line Array_ Out.GetAt(0). ptl.y; 
ynax=m line Array Out.GetAt(0). pt2.y; 
} 
else { 
ynin=m line Array Out.GetAt(0). pt2.y; 
ynax=m line Array Out.GetAt(0). ptl.y; 
} 
for(int i=1;i<m line Array Out.GetSize();i++) { 
if(m line Array Out.GetAt(i).pt2.y< ymin) 
ynin=m line Array Out.GetAt(i).pt2.y; 
else if(m line Array Out.GetAt(i).pt2.y> ymax) 
ynax=m line Array Out.GetAt(i).pt2.y; 
} 
// 从 yun 到 yw 扫描 转换 
CArray < int, int > m x _ Array; 
int m_x; // 交 点 
int j,k; 
for(int yi= ymin;yi<= ymax;yi++) { 
m x Array. RemoveAll(); 
// 判 断 扫描 线 和 哪些 边 相交 ,如 相交 , 求 交点 ,并 排序 
// 首 先 判断 扫描 线 和 外 环 多 边 形 的 交点 
for(i=0;i<m line Array Out.GetSize();it+) 
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{// 将 每 条 边 的 最 大 了 值 缩短 一 个 单位 ,判断 是 否 和 扫描 线 相交 , 如 相交 , 求 交点 ,插入 交点 
集 并 排序 


if((yi>=m line Array Out.GetAt(i).ptl. ys&yi<m line Array Out.GetAt(i).pt2.y)||(yi>=m_ 
line Array Out.GetAt(i).pt2. y&&yi<m line Array Out.GetAt(i).pti.y)) {// 求 交点 

m x= GetInterPtXForScanY(yi,m_ line Array_ Out. GetAt (i).ptl.x,m line_ Array_ Out. GetAt (i). 
ptl.y,m line Array Out.GetAt(i).pt2.x,m line Array Out.GetAt(i).pt2.y); 


OrderToInsertPt x(m x Array,m x); // 排 序 
else if(yi==m line Array Out.GetAt(i).ptl. y&&yi==m line Array Out.GetAt(i). 
pt2.y) { // 是 水 平 线 , 则 将 两 个 端点 加 入 点 集 


OrderToInsertPt x(m x Array,m line Array Out.GetAt(i).ptl.x); 
OrderToInsertPt x(m x Array,m line Array Out.GetAt(i).pt2.x); 
} 
| 
// 再 判断 扫描 线 和 内 环 多 边 形 的 交点 
CArray < CLine,CLine> m line Array_in; 
for(k=0;k<polyline. in num;k++) { 
m_line_Array_in. Append(polyline.m PolyLine array_in[k]); // 内 环 多 边 形 
for(i=0;i<m line_Array_in. GetSize();i++){// 将 每 条 边 的 最 大 y 值 缩短 一 个 单 
位 ,判断 是 否 和 扫描 线 相交 ,如 相交 , 求 交点 ,插入 交点 集 并 排序 
if((yi>=m line Array_in.GetAt(i).ptl. y&&yi <m_line_Array_in. GetAt(i).pt2.y)||(yi>=m_ 
line_Array_in. GetAt(i). pt2. y&&yi <m line_Array_in. GetAt(i).ptl.y)){ // 求 交点 
m x= GetInterPtXForScanY(yi,m line Array_in.GetAt(i).ptl.x,m line Array_in.GetAt(i).ptl, 
ym line Array_ in.GetAt(i).pt2.x,m line Array_in.GetAt(i).pt2,y); 
OrderToInsertPt x(m x_Array,m x); // 排 序 
} 
else if(yi==m line Array_in. GetAt(i).ptl. y&&yi == m line_Array_in. GetAt 
(i).pt2. y){ // 是 水 平 线 , 则 将 两 个 端点 加 入 点 集 
OrderToInsertPt x(m x_ Array,m line Array_in. GetAt(i).ptl.x); 
OrderToInsertPt x(m x Array,m line Array_in.GetAt(i).pt2.x); 
} 
} 
m line_Array_in. RemoveAll( ); 
} 
for(j=0;j<=m x_Array.GetSize() -2;j++,j++) { // 区 间 对 填充 色 
for(k=m x Array.GetAt(j);k<=m x Array.GetAt(j+1);k++) 
PpDC—> SetPixel(k, yi,crColor); } 


l 


在 上 述 的 扫描 线 多 边 形 填 充 算法 中 ,需要 求 扫描 线 和 多 边 形 边 的 交点 ,并 对 交点 进行 排 
序 ,其 中 扫描 线 和 多 边 形 边 的 交点 即 为 水 平 线 和 线段 的 交点 ,函数 代码 如 下 : 


/* yx: 扫 描 线 ; x0 y0: 线段 一 个 端点 ; x1 y1: 线段 另 一 个 端点 ; 返回 值 为 交点 x 值 */ 
int GetInterPtXForScanY( int yx, int x0, int y0, int xl,int y1){ // 求 扫描 线 和 线段 交点 


int m x; 


mx= x0; 
else if(yx== y1) 

mx= xl; 
else { 
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int a=y0— yl; 
int b= x1— x0; 
int c=x0*yl— xl*y0; 
double m dblx; 
mdblX= (—1)* (double(b*x yx+c))/(double)a; 
mx= (int)(m dblX+ 0.5); 
} 
return mx; 


| 
交点 xz 值 排序 函数 代码 如 下 : 


/*m x_Array: x 值 集合 ; m_x: 待 排序 x 值 */ 
void OrderToInsertPt x(CArray< int, int > & m x Array, int m x){ // 排 序 
for(int i=0;i<m x Array.GetSize();i++) { 
if(m x<m x Rrray. GetAt(i)) { 
// 插 和 中间 
m_x_Rrray. InsertAt(i,m x); 
return;} 
m x Array. Add(m x); // 交 点 值 大 , 则 加 入 尾部 
| 


利用 上 述 算法 对 图 3. 4-7 所 示 的 多 边 形 进行 扫描 转换 ,效果 如 图 3. 4-8 所 示 。 





DB PR /Dourealgsr\oo5ol | 


Ow 


图 3.4-8 多 边 形 扫描 转换 


由 于 扫描 线 填 充 算法 的 时 间 主 要 花费 在 计算 扫描 线 与 多 边 形 各 边 的 求 交 运 算 上 ,因此 
提高 多 边 形 填充 效率 的 方法 是 减少 与 多 边 形 求 交 点 的 边 数 和 降低 求 交工 作 量 ,在 处 理 一 条 
扫描 线 时 , 仅 对 和 当前 扫描 线 相 交 的 有 效 边 上 点 组 成 的 区 间 对 进行 填充 。 为 此 ,可 以 通过 构 
造 边 表 来 表示 和 扫描 线 对 应 的 有 效 边 。 方 法 如 下 。 

(1) 构造 一 个 多 边 形 的 边 表 (ET) ,这 个 边 表 按 照 每 个 边 的 最 小 > 值 的 增 量 进行 排序 。 
如 果 边 的 最 小 > 值 相等 , 则 按照 x 的 增 量 排序 ,如 果 z 值 也 相等 , 则 按照 每 条 边 的 直线 斜率 
k 的 倒数 的 增 量 排序 。 

(2) 当 沿 着 扫描 线 ye 进行 扫描 时 ,从 边 表 中 顺序 取出 最 小 > 值 和 扫描 线 y 相等 的 边 ， 
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组 成 有 效 边 表 (AET) ,并 对 有 效 边 表 按照 (1) 的 方式 进行 排序 。 然 后 按照 z 的 增 量 顺序 组 
成 两 两 区 间 对 ,并 对 区 间 进 行 填充 。 

(3) 每 一 个 有 效 边 的 z 值 修改 为 > 一 z 十 二 ,最 小 y 值 修改 为 y 一 ys 一 ymin 十 1。 

(4) 令 扫描 线 ye 一 ys 十 1, 然 后 判断 有 效 边 表 中 每 个 边 的 最 大 y 值 , 如 果 wms<ye， 
说 明 该 边 不 再 和 扫描 线 相交 ， 则 将 该 边 从 有 效 边 表 中 删除 ,然后 , 转 入 (2) 。 

(5) 当 有 效 边 表 中 有 效 边 的 数量 为 空 的 时 候 , 说 明 已 经 处 理 到 多 边 形 最 大 y 值 , 扫 描 转 
换 结束 。 
上 述 的 有 效 边 表 扫描 线 算法 ,对 于 每 一 个 扫描 线 , 只 处 理 扫描 线 通 过 的 边 ,在 求 交点 时 ， 
是 利用 过 推 公式 x 一 z 十 二 计算 的 ,因此 扫描 效率 更 高 。 


在 构造 每 条 边 的 信息 时 ,需要 包括 : 该 边 当前 最 小 > 值 、 当 前 对 应 的 z 值 \ 该 边 最 大 y 


























值 以 及 该 边 斜 率 的 倒数 。 当 该 边 为 特殊 位 置 直线 水 平 线 时 ,斜率 倒数 为 无 穷 大 ,为 了 准确 记 
录 边 的 信息 ,此 时 还 应 该 记录 该 边 另外 一 个 顶点 的 并 值 信息 ; 如 果 和 斜率 倒数 不 为 无 穷 大 , 则 
另 一 个 顶点 的 z 值 可 不 必 记 录 。 因 此 ,构造 边 结构 如 下 : 
1 
Ynmin Tynin Vmax 下 区 
对 应 的 边 类 为 : 
class CRET{ // 构 造 边 类 
public: 
int y_min; // 当 前 边 的 最 小 y 值 
double x; // 当 前 边 的 x 值 
int y_max; // 当 前 边 的 最 大 了 值 
double k; // 斜 率 倒数 k= dy/dx 
int x1; // 当 斜率 为 无 穷 大 时 记录 另外 一 个 点 的 x 值 


}; 
图 3. 4-9 所 示 为 一 多 边 形 以 及 根据 上 述 方法 构造 的 边 表 。 
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3.4-9 多边形 及 边 表 
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在 边 表 中 ,由 于 斜率 倒数 没有 无 穷 大 的 情况 ， ee Zs 这 一 列 不 用 登记 。 其 
中 ,在 构造 直线 P: P; 的 节点 时 ,在 最 大 顶点 即 (1,7) 处 ,由 于 共享 该 顶点 的 多 边 形 另外 一 条 
边 即 PP。 分 布 在 扫描 线 > 一 7 ee ymax 减 少 一 
个 单位 , 即 节点 值 为 边 表 值 的 第 一 行 : 





中 3 6 一 1/3 


























当 扫描 线 y=1 时 ,从 边 表 中 取出 有 效 边 ,通过 排序 组 成 有 效 边 表 , 将 有 效 边 表 中 的 边 
的 之 值 两 两 构成 区 间 对 填充 ,然后 修改 有 效 边 的 值 : = 一 z 十 二 ,yun 一 mm 十 1, 如 图 3. 4-10 
所 示 。 如 果 yr 三 ynin , 则 该 边 已 经 处 理 完 ,不 再 为 有 效 边 ,将 其 从 有 效 边 表 中 删除 。 















































有 效 边 表 

12 3 | 而 | = 大 

11 3 | 5 |34 

10 

9 8 | 5 |-12 
二 2 1|8|9|52 

芭 疆 充 后 ， 修 改 有 效 边 表 

六 2 | 322 | 6 = 六 

4 | 

3 5 

1 2 |75| 5 |-12 

2 |85| 9 |12 
0 
(a) 多 边 彤 户 户 户 户 疡 PP (b) 边 表 


3.4-10 扫描 线 y=1 


以 此 类 推 , 当 扫 描 线 y==2 时 ,首先 判断 边 表 中 是 否 存 在 有 效 边 。 如 有 , 则 取出 插入 现 
有 的 有 效 边 表 中 ,并 排序 ,同样 将 有 效 边 表 中 的 边 的 z 值 两 两 构成 区 间 对 ,填充 ,然后 修改 


有 效 边 的 值 : x 一 z 十 二 ,yn 一 yan 十 1 判断 是 否 yon yain 的 情况 ,如 图 3.4-11 所 示 。 














75 | 5 | -12 
85| 9 | 12 
填充 后 ， 修 改 有 效 边 表 

3 | 23 | 6 |-13 
3 |45| 5 | 34 
3 | 7 | 5 |-12 
3 | 3 | 生 | 巾 



















































x 
() 多 边 肛 Po Pi Ps Ps PsPs PePo (b) 边 表 


图 3.4-11 扫描 线 y=2 
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循环 执行 上 述 操作 , 当 ys 二 ymn 时 ,从 有 效 边 表 
PP 删除 已 经 处 理 完 的 边 ,例如 ,y 王 5 时 ,将 P:P, 以 及 11 
PP; 两 个 边 从 有 效 边 表 中 删除 , 当 y==7 时 ,将 PP， 
边 从 边 表 中 取出 ,插入 有 效 边 表 并 排序 ,开始 填充 ,并 > 
EE 复 上 述 的 修改 边 的 值 以 及 判断 操作 。 当 边 表 中 的 
所 有 边 都 已 经 取出 ,而 且 有 效 边 表 也 成 为 空 表 , 说 明 
所 有 边 都 已 经 处 理 ,此 时 多 边 形 内 部 全 部 填充 完毕 ， 
扫描 转换 结束 ,如 图 3. 4-12 所 示 。 

上 述 的 有 效 边 表 多 边 形 扫 描 转 换算 法 函数 代码 
参考 如 下 : 图 3.4-12 ”多边形 填充 


bo 





jm 





© -DuipuaJoo 








S 


/ 汪汪 关 关 关 关 闫 关 关 关 闫 关 关 关 尖 甘 尖 尖 尖 美美 六 尖 关 关 关 闪光 关 关 并 尖 关 关 闪闪 英美 关 关 闫 闫 关 关 关 关 关 关 关 关 英 尖 尖 关 关 关 关 关 关 关 关 关 关 
scanTransfer_AET: 有 效 边 表 算法 ; polyline: 多 边 形 ; crColor: 填充 色 
关 关 闪闪 次 关 闪闪 关 关 闪闪 关 关 关 关 闪闪 闪闪 关 关 关 关 关 关 关 关 闪闪 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 尖 关 关 关 关 关 关 关 关 / 
void scanTransfer_ AET(CDC * pDC,CPolyLine &polyline,COLORREF crColor) 
{// 有 效 边 表 扫 描 转 换 
// 对 多 边 形 所 有 的 边 构 造 边 表 
CArray < CAET, CAET > ET array; 
// 处 理 外 环 边 
CArray < CLine,CLine> m line Array_ Out; 
m_line_Array Out. Append(polyline.m_PolyLine array Out); // 外 环 多 边 形 
for(int i=0;i<m line Array Out. GetSize();i++) // 构 造 边 ,并 插入 链表 中 
InsertAndSortChain(ET array, BuildAET(m line Array Out. GetAt(i))); 
// 处 理 内 环 边 
CArray < CLine,CLine > m_line Array_in; 
for(int k=0;k<polyline. in num;k++){ 
m line Array_in. Append(polyline.m PolyLine array_in[k]); // 内 环 多 边 形 
for(i=0;i<m line Array_in. GetSize();i++) // 构 造 边 , 并 插入 链表 中 
InsertAndSortChain(ET array, BuildAET(m line Array_ in. GetAt(i))); 
m line Array_in. RemoveAll(); 
} 
// 构 造 有 效 边 表 
CArray < CAET, CAET > m_AET array; 
int y_scan; // 扫 描 线 
CAET aet_tmp; 
// 先 取出 第 一 个 节点 
aet tmp= ET array. GetAt(0); 
y_scan=aet tmp.y_ min; 


ET _array. RemoveAt (0); // 从 边 表 中 移出 该 边 
InsertAndSortChain(m AET array,aet_tmp); // 插 入 有 效 边 
while(1){ 


while(1) {// 从 边 表 中 取出 当前 的 边 , 插 入 有 效 边 并 排序 
if(ET array. GetSize()>0){ 
aet tmp= ET array.GetAt(0); 
if(aet_tmp.k == MAX VALUE){ 
// 特 殊 情况 ,直接 填充 
int x0; 
if(aet tmp.x<aet tmp.xl1) x0 = aet tmp.x; else x0 = aet_tmp.xl; 
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for(k= x0;k<=abs(aet tmp.x— aet tmp.x1);k++) 
pDC—> SetPixel(k,y_scan, crColor); 
ET array. RemoveAt(0); // 从 边 表 中 移出 该 边 
} 
else if(y scan==aet tmp.y min){ 
InsertAndSortChain(m AET array,aet tmp); 
ET_array. RemoveAt (0); // 从 边 表 中 移出 该 边 


} 
else 
break; 
} 
else 
break; 
} 
// 两 两 区 间 配 对 填充 
for(i=0;i<m AET array.GetSize();i+t+,i++){ 
for(k= (int)(m AET array.GetAt(i).x+0.5);k<= (int)(m AET array.GetAt(i+1).x+0.5);k++) 
PpDC—> SetPixel(k,y_scan,crColor); } 
y_scant+; // 扫 描 线 +1 
if(m AET array.GetSize()>0){ 
for(i=0;i<m AET array. GetSize();i++) 
{// 从 边 表 中 取出 当前 的 边 
aet tmp=m AET array.GetAt(i); 
if(aet tmp.y max<y_ scan){ 
m_AET_array. RemoveAt (i); // 删 除 该 节点 
和 
else { 
aet_tmp. y_mint++; 
if(aet tmp.k!= MAX VALUE) 
aet tmp.x+= aet tmp.k; 
m AET array. InsertAt(i,aet tmp); 
m_AET array. RemoveAt(i+1); // 删 除 该 节点 


break; // 已 经 没有 有 效 边 , 则 完成 扫描 


函数 中 在 构造 多 边 形 边 表 和 有 效 边 表 时 ,都 需要 对 插入 边 进 行 排序 ,函数 代码 如 下 : 


/* AET_array: 已 排序 的 有 效 边 集合 ; aet: 待 排序 的 有 效 边 */ 
void InsertAndSortChain(CArray < CAET, CAET > &AET array, CAET &aet) 
{// 将 构造 的 有 效 边 插入 边 表 中 ,并 根据 sa 、x, 以 及 上 排序 
if(AET array.GetSize() == 0) 
AET array. Add(aet); 
else { 
for(int i=0;i<AET array.GetSize();i++) { 
// 调 出 每 一 个 边 ,进行 排序 比较 
CAET tmpAET; 
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tmpAET = AET array. GetAt(i); 


if(aet. y min< tmpAET. y min){ // 比 现在 的 小 , 则 将 边 插入 其 前 边 ,并 返回 
AET array. InsertAt(i,aet); 
return; 


} 
else if(aet.y min== tmpAET.y min){ // 再 判断 x 值 
if(aet.x<tmpAET.x) { // 比 现在 的 x 小 , 则 插入 其 前 边 ,并 返回 
AET array. InsertAt(i,aet); 
return; 
} 
else if(aet.x== tmpAET. x){ // 如 果 相 等 , 则 判断 斜率 大 
if(aet. k<= tmpAET. k){ // 如 果 比 现在 的 k 小 , 则 插入 其 前 边 ,并 返回 
AET array. InsertAt(i,aet); 


return; 


} 


} 
// 循 环 后 , 仍 没有 插入 , 则 插入 最 后 边 


AET_array. Add(aet); 
return ; 


} 
执行 应 用 程序 即 可 实现 填充 。 在 应 用 程序 中 ,可 以 设计 一 个 非 模式 对 话 框 ,来 选择 不 同 
的 扫描 转换 算法 ,实现 多 边 形 填充 ,效果 如 图 3.4-13 所 示 。 
Renee EE 


所 措 绪 一 彼 算法 
| 6 和 扩 级 有 效 边 才 算法 














末 扫 措 转换 














3.4-13 多边形 扫描 转换 实现 


除了 上 述 的 扫描 线 算法 外 ,多 边 形 扫 描 转 换算 法 还 有 边缘 填充 法 、 栅 栏 填充 法 以 及 边界 


标志 法 等 。 
边缘 填充 算法 的 基本 思想 : 按 任意 顺序 处 理 多 边 形 的 每 条 边 。 处 理 时 , 先 求 出 该 边 与 


扫描 线 的 交点 ,再 对 扫描 线 上 交点 右 方 的 所 有 像素 颜色 取 反 。 边 缘 填 充 算法 思路 简单 ,但 对 
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于 复杂 图 形 , 每 一 像素 可 能 被 访问 多 次 。 


线 垂直 的 直线 , 它 把 多 边 形 分 为 两 半 。 算 法 基本 思想 : 按 任意 顺序 处 理 多 边 形 的 每 一 条 边 ， 
当 处 理 每 条 边 与 扫描 线 的 交点 时 ,将 交点 与 栅栏 之 间 的 像素 取 反 。 这 种 算法 尽管 减少 了 被 
重复 访问 像素 的 数目 ,但 仍 有 一 些 像素 被 重复 访问 。 

边界 标志 算法 的 基本 思想 : 先 用 特殊 的 颜色 在 帧 缓存 中 将 多 边 形 的 边界 勾画 出 来 , 然 
后 将 着 色 的 像素 点 依 z 坐标 递增 的 顺序 配对 ,再 把 每 一 对 像素 构成 的 区 间 置 为 填充 色 。 边 
界 标志 算法 分 为 两 个 步骤 : 打 标 记 ; 填充 。 当 用 软件 实现 本 算法 时 ,速度 与 改进 的 有 效 边 
表 算法 相当 ,但 本 算法 用 硬件 实现 后 速度 会 有 很 大 提高 。 

限于 篇 幅 , 本 书 对 这 些 算法 不 再 详 述 。 








3.4.2 区 域 填充 


这 里 的 区 域 指 已 经 表示 成 点 阵 形式 的 填充 图 形 , 它 是 像素 的 集合 。 区 域 可 采用 内 点 表 
示 和 边界 表示 两 种 表示 形式 。 区 域 填充 指 先 将 区 域 的 一 点 赋予 指定 的 颜色 ,然后 将 该 颜色 
扩展 到 整个 区 域 的 过 程 。 
葡 域 填充 分 为 两 类 : 多 边 形 的 扫描 转换 与 种 子 填充 。 两 者 的 前 提 条 件 不 同 ,前 者 需 提 
供 多 边 形 各 顶点 的 坐标 及 填充 色 或 图 案 ; 后 者 则 要 求 给 出 边界 颜色 特征 及 区 域内 的 一 个 点 
( 称 为 种 子 点 ) 的 坐标 。 多 边 形 的 扫描 转换 主要 是 通过 确定 穿越 区 域 的 扫描 线 的 覆盖 区 间 来 
填充 ,种子 填充 是 从 给 定 的 位 置 开始 涂 描 直 到 指定 的 边界 条 件 为 止 。 
区 域 填充 要 求 区 域 是 连通 的 。 区 域 连通 有 四 向 连通 区 域 和 八 向 连通 区 域 两 种 ,如 
图 3. 4-14 所 示 。 四 向 连通 区 域 指 的 是 从 区 域 上 一 点 出 发 ,通过 上 .下 \ 左 \ 右 移动 , 即 可 到 达 
区 域内 的 任意 像素 ; 八 向 连通 区 域 除了 四 向 连通 区 域 的 四 个 方向 外 ,还 需要 通过 左上 、 右 
上 、 左 下 、 右 下 这 四 个 方向 ,才能 到 达 区 域内 的 任意 位 置 。 
一 般 来 说 , 八 向 连通 算法 可 以 填充 四 向 连通 区 域 ,而 四 向 连通 算法 有 时 不 能 填充 八 向 连 
通 区 域 。 例 如 , 八 向 连通 填充 算法 能 够 正确 填充 图 3. 4-15 所 示 的 区 域内 部 ,而 四 向 连通 填 
充 算法 只 能 完成 该 区 域 的 部 分 填充 。 














图 3.4-14 四 向 连通 和 八 向 连通 图 3.4-15 连通 区 域 


在 编程 时 ,上 面 的 连通 算法 可 以 通过 递归 函数 的 方式 实现 。 例 如 八 向 连通 算法 的 递归 
函数 的 代码 参考 如 下 : 


// 关 尖 美光 美美 美美 尖 闫 尖 闫 闫 尖 闫 尖 闫 尖 关 闫 尖 闫 尖 关 甘 关 闫 尖 闫 闫 关 闫 尖 美美 关 尖 尖 闫 关 闫 关 尖 闫 关 美 尖 闫 闫 关 闫 尖 闫 关 关 美光 闫 关 闫 关 关 闫 关 闫 关 关 关 
FloodFil18: 八 向 连通 填充 算法 函数 
pDC: 显示 器 设备 指针 ; x,y: 种 子 点 ; oldColor: 区 域 原 来 的 颜色 ; newColor: 新 填充 色 


尖 尖 美美 美美 美美 舌尖 关 尖 关 六 六 并 尖 尖 美美 关 美美 关 关 关 关 关 尖 尖 尖 美美 闫 闫 闫 闫 闫 闫 关 关 关 关 尖 尖 尖 尖 美美 闫 闫 闫 闫 闫 闫 关 美美 关 关 尖 关 尖 尖 关 关 关 / 
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void FloodFill8(CDC * pDC, int x, int y,COLORREF oldColor, COLORREF newColor){ 

if(pDC—> GetPixel(CPoint(x,y)) == oldColor){ 
pDC — > SetPixel (x, y, newColor); 
FloodFill8(pDC, x, y+ 1,oldColor, newColor); 
FloodFill8(pDC, x, y— 1, oldColor, newColor); 
FloodFill8(pDC, x— 1,y,oldColor, newColor); 
FloodFill8(pDC, x+ 1,y,oldColor, newColor); 
FloodFil18(pDC, x + 1,y+ 1,0ldColor, newColor); 
FloodFill8(pDC,x+1,y—- 1,o0ldColor, newColor); 
FloodFil18(pDC, x — 1,y+ 1, oldColor, newColor); 
FloodFill8(pDC,x— 1,Y- 1,o0ldColor, newColor); 


l 


上 述 递归 算法 简单 ,但 是 效率 不 高 ,区 域内 每 一 个 像素 都 引起 一 次 递归 ,有 些 像素 会 多 
次 重复 递归 判断 。 这 样 不 但 降低 了 算法 效率 ,而 且 占 用 了 很 大 的 内 存 空间 ,费时 费 内 存 , 在 
实际 实现 时 , 当 图 像 相对 比较 复杂 时 会 存在 内 存 溢出 的 现象 。 

递归 算法 的 一 种 改进 方法 是 扫描 线 种 子 填充 算法 ,其 基本 过 程 如 下 : 当 给 定 种 子 点 (x， 
yY) 时 ,首先 分 别 向 左 和 向 布 两 个 方向 填充 种 子 点 所 在 扫描 线 上 的 位 于 给 定 区 域 的 一 个 区 
段 ,同时 记 下 这 个 区 段 的 范围 LxLeft，xRight] ,然后 确定 与 这 一 区 段 相连 通 的 上 、 下 两 条 扫 
描 线 上 位 于 给 定 区 域内 的 区 段 ,并 依次 保存 下 来 。 反 复 进行 这 个 过 程 ,直到 填充 结束 。 

扫描 线 种 子 填充 算法 可 由 下 列 四 个 步骤 实现 。 

(1) 初始 化 一 个 空 的 栈 用 于 存放 种 子 点 ,将 种 子 点 (x，y) 人 栈 。 

(2) 判断 栈 是 否 为 空 , 如 果 栈 为 空 则 结束 算法 ,否则 取出 栈 项 元 素 作为 当前 扫描 线 的 种 
子 点 (x，y),y 是 当前 的 扫描 线 。 

(3) 从 种 子 点 (x, y) 出 发 , 沿 当前 扫描 线 向 左 、 右 两 个 方向 填充 ,直到 边界 。 分 别 标记 
区 段 的 左 ` 右 端点 坐标 为 xLeft 和 xRight。 

(4) 分 别 检查 与 当前 扫描 线 相 邻 的 y 一 1 和 y 十 1 两 条 扫描 线 在 区 间 [xLeft，xRightj 中 
的 像素 ,从 xLeft 开始 向 xRight 方向 搜索 , 若 存 在 非 边界 且 未 填充 的 像素 点 , 则 找 出 这 些 相 
邻 的 像素 点 中 最 右边 的 一 个 ,并 将 其 作为 种 子 点 压 人 栈 中 ,然后 返回 第 (2) 步 。 

上 述 扫描 线 种 子 填充 算法 ,可 以 实现 在 已 知 区 域 的 边界 像素 颜色 或 者 已 知 区 域内 部 的 
颜色 这 两 种 情况 下 ,将 区 域内 部 用 新 的 颜色 填充 。 下 面 是 已 知 区 域内 部 颜色 的 填充 函数 参 
考 代 码 , 对 于 已 知 区 域 边界 像素 颜色 的 情况 ,只 需 将 函数 中 判断 区 域内 部 颜色 的 代码 改 成 判 
断 区 域 边界 颜色 的 代码 即 可 。 

/ 尖 关 关 关 关 关 关 关 关 尖 关 关 关 关 关 关 关 关 闫 尖 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 闫 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 

ScanLineSeedFil1: 扫 描 线 种 子 填充 函数 

pDC: 显示 器 设备 指针 ; x,y: 种 子 点 ; oldColor: 区 域 原来 的 颜色 ; newColor: 新 填充 色 


六 尖 美美 关 关 六 关 闪闪 尖 关 六 并 关 尖 关 美美 舌尖 关 关 并 尖 尖 尖 尖 尖 尖 尖 美美 闫 美美 关 关 闪闪 尖 尖 尖 尖 内 尖 美美 美美 闫 闫 关 关 关 关 关 尖 尖 尖 关 尖 关 关 关 关 关 / 


void ScanLineSeedFill(CDC * pDC, int x, int y, COLORREF oldColor, COLORREF newColor){ 


CArray < CPoint, CPoint > m_stk_ point; // 构 造 种 子 点 栈 
m_stk_point. Add(CPoint (x, y) ); // 第 (1) 步 ,种 子 点 人 栈 
CPoint seedPpt; 

int xl xryl; 


while(m stk point.GetSize()>0) { 
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seedPt =m stk point. GetAt(0); // 第 (2) 步 , 取 当 前 种 子 点 
m stk point. RemoveAt(0); 
和 = seedPt. x; 
Y= seedpt. y; 
Xl = xr= Xx; 
yy 
// 第 (3) 步 ,向 左右 填充 (在 当前 点 所 在 扫描 线 扫描 ) 
if(pDC- > GetPixel(seedPt) == oldColor){ 





pDC— > SetPixel(x, y, newColor); // 填 充 该 点 
Fill(pDC, xl, yl, — 1,oldColor, newColor); //x-- 方 向 填充 ,并 返回 边界 点 
Fill(pDC, xr, yl, 1, oldColor, newColor); //x++ 方 向 填充 ,并 返回 边界 点 





// 第 (4) 步 ,处理 相 邻 两 条 扫描 线 , 并 获得 新 种 子 人 栈 
SearchLineNewSeed(pPDC,m_stk_point,xl,xr,y- 1,oldColor, newColor); 
SearchLineNewSeed(pDC,m_stk_point, x], xr,y+ 1,oldColor, newColor);} 


其 中 ,在 一 条 扫描 线 上 填充 当前 区 段 的 函数 代码 如 下 : 


/* pDC: 显示 器 指针 ; x,y: 当前 扫描 线 初 始点 位 置 ; drg1g: 填充 方向 ; oldColor: 区 域 原来 颜色 ; 
newColor: 填充 色 * / 
void Fill(CDC * pDC, int &x, int &y, int drF1g, COLORREF oldColor, COLORREF newColor){ 
if(drF1lg==-1){//x-- 
for(;pDC—> GetPixel(CPoint(x— 1,y)) == oldColor; ){ 
pDC—> SetPixel( —— x,y, newColor); // 填 充 该 点 
} 
} 
else {//x++ 
for(;pDC -> GetPixel(CPoint(x+ 1,Y)) == oldColor; ){ 
pDC—> SetPixel (++x, y, newColor); // 填 充 该 点 


} 


} 
处 理 相 邻 两 条 扫描 线 , 并 获得 新 种 子 入 栈 的 函数 代码 如 下 : 


/* m_stk_point: 人 栈 的 种 子 点 ; xLeft，xRight: 当前 扫描 线 边界 ; y: 当前 扫描 线 x* / 
void SearchLineNewSeed(CDC * pDC,CArray < CPoint,CPoint > &m stk point, int xLeft, int xRight, 
int y, COLORREF oldColor, COLORREF newColor){ 
int xt = xLeft; 
bool findNewSeed = false; 
while(xt <= xRight) { 
// 从 x1 开始 到 xr, 找 到 新 的 种 子 点 
if(pDC—> GetPixel(CPoint(xt,y)) == oldColor) { 
findNewSeed = true; // 说 明 会 有 种 子 点 
xt++; 
continue;} 
else { 
if(findNewSeed == true){ 
// 当 前 点 不 是 , 则 前 一 点 是 种 子 点 
m stk point. Add(CPoint (xt— 1,y)); 
findNewSeed = false; 
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xtt++; 
continue; 
} 
else { 


// 没 有 找到 , 则 继续 
Xt++; 


continue; 


} 
} 
if(findNewSeed == true){ 

m_stk_point. Add(CPoint (xRight, y) ); // 把 右边 界 作 为 种 子 加 入 
有 


3.5 字符 和 汉字 的 表示 


在 计算 机 图 形 学 中 ,字符 指 计算 机 在 文本 方式 下 能 够 在 屏幕 上 显示 的 数字 字母 .音标 、 
标点 符号 .数学 符号 .汉字 等 符号 。 计 算 机 中 的 字符 由 一 个 数字 编码 唯一 标识 。 最 流行 的 字 
符 集 是 美国 信息 交换 用 标准 代码 集 ,简称 ASCII 码 。 它 用 7 位 二 进 制 编码 规定 了 129 个 字 
符 代码 ,其 中 代码 0 一 31 表示 控制 字符 ,32 一 127 表示 字母 .标点 符号 .数学 符号 以 及 一 些 特 
殊 符号 。 

我 国 除 采用 ASCII 码 外 ,还 另外 制定 了 汉字 编码 的 国家 标准 字符 集 , 如 :《 信 息 交 换 用 
汉字 编码 字符 集 基 本 集 》(GB 2312 一 1980) 。 该 字符 集 分 为 94 个 区 ,94 个 位 ,每 个 符号 由 一 
个 区 码 和 一 个 位 码 共同 标识 。 区 码 和 位 码 各 用 一 个 字 节 表 示 。 为 了 能 够 区 分 ASCII 码 与 
汉字 编码 ,采用 字 节 的 最 高 位 来 标识 : 最 高 位 为 0 表示 ASCII 码 ; 最 高 位 为 1 表示 汉字 编 
码 。 共 收录 了 6763 个 常用 汉字 。2000 年 3 月 信息 产业 部 和 国家 质量 技术 监督 局 又 颁布 了 
国家 标准 《信息 交换 用 汉字 编码 字符 集 基 本 集 的 扩充 )(GB 18030 一 2000) 。 它 共 收 录 了 2.7 
万 多 个 汉字 ,总 编码 空间 超过 150 万 个 码 位 ,采用 单 / 双 /四 字 节 混合 编码 ,与 现 有 绝 大 多 数 
操作 系统 .中 文平 台 在 内 码 一 级 兼容 ,可 支持 现 有 应 用 系统 ,并 包容 了 其 中 收录 的 所 有 汉字 
和 蒙 、 藏 , 琴 、 维 等 少数 民族 文字 。 

为 了 在 显示 器 等 输出 设备 上 输出 字符 ,计算 机 系统 中 必须 安装 相应 的 字库 。 字 库 分 为 
点 阵 字 库 和 矢量 字库 两 种 ,用 于 存储 每 个 字符 的 形状 信息 。 点 阵 字 库 中 ,每 个 字符 用 二 值 点 
阵 信息 表示 每 个 字符 ,矢量 字库 则 用 直线 和 曲线 (如 三 次 B 样 条 曲线 /Bezier 曲线 ) 来 描述 每 
个 字符 的 轮廓 形状 。 

1. 点 阵 字 符 

在 点 阵 字库 中 ,每 个 字符 由 一 个 位 图 表示 (如 图 3. 5-1 所 示 ) ,并 把 它 用 一 个 称 为 字符 掩 
膜 的 矩阵 来 表示 ,其 中 的 每 个 元 素 都 是 一 位 二 进 制 数 。 如 果 该 位 为 1, 表 示 字 符 的 笔画 经 过 
此 位 ,该 像素 置 为 字符 颜色 ; 如 果 该 位 为 0, 表示 字符 的 笔画 不 经 过 此 位 ,该 像素 置 为 背景 颜 
色 。 点 阵 字 符 的 显示 分 为 两 步 : 首先 从 字库 中 将 它 的 位 图 检索 出 来 ,然后 将 检索 到 的 位 图 
写 到 帧 缓存 器 中 。 
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图 3.5-1 字符 的 点 阵 表 示 和 矢量 轮廓 表示 


在 实际 应 用 中 ,同一 个 字符 有 多 种 字体 (如 宋体 、 楷 体 等 ) ,每 种 字体 又 有 多 种 大 小 型 号 ， 
因此 字库 的 存储 空间 十 分 庞大 。 为 了 减少 存储 空间 ,一般 采用 压缩 技术 。 

2. 矢量 字符 

矢量 字符 记录 字符 的 笔画 信息 而 不 是 整个 位 图 ,具有 存储 空间 小 、 美 观 、 变 换 方便 等 优 
点 。 例 如 : 在 AutoCAD 中 使 用 图 形 实体 一 一 形 (Shape) 来 定义 矢量 字符 ,其 中 ,采用 了 直 
线 和 圆 弧 作 为 基本 的 笔画 来 对 矢量 字符 进行 描述 。 

对 于 字符 的 旋转 、 放 大 、 缩 小 等 几何 变换 ,点 阵 字 符 需要 对 其 位 图 中 的 每 个 像素 进行 变 
换 ; 而 矢量 字符 则 只 需要 对 其 几何 图 素 进行 变换 就 可 以 了 ,例如 ,对 直线 笔画 的 两 个 端点 进 
行 变 换 , 对 圆 弧 的 起 点 终点、 半径 和 圆心 进行 变换 等 。 

矢量 字符 的 显示 也 分 为 两 步 : 首先 从 字库 中 将 它 的 字符 信息 提取 出 来 ; 然后 取出 端点 
坐标 ,对 其 进行 适当 的 几何 变换 ,再 根据 各 端点 的 标志 显示 出 字符 。 

轮廓 字形 法 是 当今 国际 上 最 流行 的 一 种 字符 表示 方法 ,其 压缩 比 大 , 且 能 保证 字符 质 
量 。 轮 廓 字形 法 采用 直线 、B 样 条 /Bezier 曲线 的 集合 来 描述 一 个 字符 的 轮廓 线 。 轮 廓 线 构 

一 个 或 若干 个 封闭 的 平面 区 域 。 轮 廓 线 定义 加 上 一 些 指示 横 宽 、 竖 宽 、 基 点 、 基 线 等 控制 

信息 就 构成 了 字符 的 压缩 数据 。 





3.6 线 宽 和 线 型 处 理 


3.6.1 线 宽 处 理 


线 宽 是 图 线 除 颜色 外 的 另外 一 个 属性 ,图 形 光 栅 化 后 ,图 线 的 最 小 线 宽 就 是 显示 设备 基 
本 像素 点 的 大 小 , 当 采 用 不 同 的 线 宽 时 , 线 宽 与 基本 像素 点 之 间 呈 倍数 关系 。 

常用 的 线 宽 处 理 方法 有 以 下 几 种 。 

1. 像素 复制 方法 

像素 复制 方法 又 称 为 线 刷子 法 ,在 生成 具有 一 定 宽度 的 直线 时 ,可 以 沿 着 生成 直线 时 获 
得 的 像素 点 ,通过 移动 一 把 具有 一 定 宽度 的 “ 线 刷子 ”来 获得 宽度 ,如 图 3. 6-1 所 示 。 当 直线 
的 斜率 在 一 1 一 1 之 间 时 , 线 刷子 设 定 成 垂直 方向 ,并 将 线 刷子 中 心 点 对 准 直 线 上 某 一 像素 
点 ,然后 将 线 刷子 沿 直线 运动 ,就 刷 出 一 条 具有 一 定 宽度 的 直线 ; 当 直 线 斜率 不 在 一 1 一 1 
之 间 时 ,把 线 刷子 设 成 水 平方 向 , 沿 着 直线 运动 。 
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线 刷 子 法 的 特点 是 实现 简单 .效率 高 ,但 是 获得 的 直线 宽度 在 倾斜 方向 和 在 水 平 或 者 垂 
直方 向 的 宽度 不 均匀 , 当 线 宽 为 偶数 个 像素 时 , 线 的 中 心 将 偏 移 半 个 像素 ; 直线 的 始末 端 总 
是 水 平 或 者 垂直 的 ,不 太 自然 ,在 两 条 直线 的 拐角 顶点 处 会 有 缺口 ,如 图 3. 6-2 所 示 。 在 拐 
角 点 需要 进行 连接 处 理 , 以 消除 这 个 缺口 。 
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SS 





缺口 
图 3.6-1 线 刷子 法 图 3.6-2 两 线 连接 处 有 缺口 


以 下 是 线 刷子 法 绘制 某 一 点 的 线 宽 函数 的 参考 代码 : 


/ 兴 关 关 认 关 美 关 关 认 庆 关 关 并 尖 尖 闫 尖 关 尖 关 舌尖 关 关 关 关 闪闪 关 关 关 关 关 关 关 关 并 关 关 关 
LineBrush: 线 刷子 法 绘制 某 一 点 的 线 宽 函 数 
PDC: 显示 器 指针 ; x,y: 直线 上 某 点 ; kFlag: 斜率 ; 0: 斜率 1, 平行 绘制 ; 1: 斜率 >1; 垂直 绘制 
闫 六 关 闫 美美 关 关 美美 美 关 关 尖 关 美美 闫 尖 闫 闫 闫 闫 关 甘 关 闫 关 关 甘 关 闫 关 闫 闫 关 关 关 关 关 / 
void LineBrush(CDC * pDC, int x, int y,COLORREF crColor, int kFlag){ 
if(kFlag==0) { 
pDC— > SetPixel(x, y, crColor); 
PpDC— > SetPixel(x, y— 1,crColor); 
pDC— > SetPixel(x,y— 2,crColor); 
pDC— > SetPixel(x, y— 3,crColor); 
pDC -> SetPixel(x, y+ 1,crColor); 
pDC— > SetPixel(x, y+ 2,crColor); 
pDC— > SetPixel(x, y+ 3,crColor); 





else { 

pDC— > SetPixel(x, y, crColor); 

pDC—> SetPixel(x— 1,y,crColor); 
pDC— > SetPixel(x— 2,y,crColor); 
pDC— > SetPixel(x— 3,y,crColor); 
pDC—> SetPixel(x+ 1,y,crColor); 
pDC -> SetPixel(x+ 2,y,crColor); 
pDC—> SetPixel(x+ 3,y,crColor); 


3 
在 本 童 前 述 直 线 等 基本 图 形 扫 描 转换 函数 中 ,在 绘制 每 个 像素 点 时 ,增加 如 下 代码 , 判 
断 是 否 按 粗 实 线 绘制 : 


证 (lineWidth== 0)//lineWidth 是 线 宽 判定 变量 , = 0 是 单位 像素 线 宽 ,天 0 是 粗 实 线 线 宽 
pDC—> SetPixel((int)x, (int) (y+ 0.5),crColor); 

else 
LineBrush(pDC, (int)x, (int) (y+ 0.5), crColor, 0); 





第 3 章 基本 图 形 的 生成 ”| 75 





图 3. 6-3 是 利用 上 述 算法 绘制 的 一 定 线 宽 直线 效果 图 。 从 图 中 可 以 看 出 ,不 同 倾斜 角 
度 下 线 宽 不 均匀 ,在 两 条 线段 连接 处 ,会 存在 缺口 的 现象 。 

2. 移动 刷子 方法 

移动 刷子 方法 又 称 方 刷 子 法 , 它 是 通过 把 边 长 为 指定 线 宽 的 正方 形 的 中 心 沿 直线 作 平 行 
移动 ,来 获得 具有 一 定 线 宽 的 线条 。 方 刷子 法 最 简单 的 实现 方法 是 把 正方 形 中 心 对 准 单 像素 
宽 的 直线 上 的 各 个 像素 点 ,把 正方 形 内 的 像素 全 部 设置 成 线条 的 颜色 ,效果 如 图 3. 6-4 所 示 。 











图 3.6-3 线 刷 子 法 绘制 线 宽 图 3.6-4 方 刷子 法 


方 刷子 法 的 特点 是 简单 .容易 实现 ,但 是 效率 低 ,在 线 的 末端 总 是 水 平 或 者 垂直 的 ,在 线 
宽 是 像素 的 偶数 倍 时 无 法 实现 ,绘制 的 线条 会 带 有 一 个 “ 方 线 帽 ”, 在 写 像 素 时 , 相 邻 两 个 像 
素 的 方形 会 重 释 , 因 此 会 重复 写 像素 。 

方 刷子 法 绘制 线 宽 的 函数 代码 参考 如 下 : 


/ 兴 关 关 关 关 美 关 关 关 关 关 关 闪闪 关 关 闪光 关 关 闫 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 
SquarBrush: 方 刷子 法 绘制 某 一 点 的 线 宽 函 数 
PDC: 显示 器 指针 ; x,y: 直线 上 某 点 
闫 闪闪 关 关 关 闪 关 关 关 闪光 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 / 
void SquarBrush(CDC * pDC, int x, int y,COLORREF crColor){ 
pDC— > SetPixel(x, y, crColor); 
pDC—> SetPixel(x,y— 1,crColor); 
pDC—> SetPixel(x,y+ 1,crColor); 
pDC— > SetPixel(x+ 1,y,crColor); 
pDC—> SetPixel(x— 1,y,crColor); 
pDC—> SetPixel(x- 1,y- 1,crColor); 
pDC—> SetPixel(x— 1,y+1,crColor); 
pDC—> SetPixel(x+1,y- 1,crColor); 
pDC—> SetPixel(x+1,y+1,crColor); 
} 


同样 ,在 直线 等 基本 图 形 扫描 转换 函数 中 ,在 绘制 每 个 像素 点 时 ,增加 如 下 代码 : 


if(lineWidth== 0) //lineWidth 是 线 宽 判定 变量 , = 0 是 单 
// 位 像素 线 宽 , 天 0 是 粗 实 线 线 宽 
pDC—> SetPixel((int)x, (int)(y+0.5),crColor); 
else 
SquarBrush(pDC, (int)x, (int) (y+ 0.5),crColor, 0); 


图 3. 6-5 是 利用 上 述 方 刷子 法 代码 实现 的 线 宽 处 理 效果 。 
3. 填充 图 元 方法 
填充 图 元 法 的 原理 是 利用 等 距 和 平行 线 先 画 出 线段 内 3.6-5 方 刷子 法 线 宽 处 理 
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外 边界 ,然后 在 内 外 边界 之 间 进 行 填充 ,从 而 获得 指定 线 宽 的 图 形 。 这 种 方法 的 优点 是 生成 
的 图 形 质量 高 ; 缺点 是 计算 量 大 ,有 些 图 形 的 等 距 线 不 容易 求 ( 例 如 椭圆 弧 )。 





3.6.2 线 型 处 理 


在 工程 上 绘制 产品 图 形 时 ,有 时 需要 根据 形状 表达 的 要 求 , 采 用 不 同 的 线 型 绘制 ,如 实 
线 、 虚 线 ,点 划 线 、 双 点 划 线 等 ,因此 , 线 型 也 是 图 线 的 另 一 个 重要 属性 。 除 了 实 线 外 ,其 他 线 
型 都 是 不 连续 的 线 型 ,所 以 ,需要 考虑 如 何 表示 图 线 中 不 连续 的 部 分 。 




































































和 ht 在 扫描 转换 算法 中 , 线 型 的 显示 可 用 像素 模板 
11 (pixel mask) 指 定 ,像素 模板 是 由 数字 0 和 1 组 成 的 
+. 位 串 , 当 对 应 为 1 时 ,显示 像素 ,否则 不 显示 。 例 如 ， 
> 模板 11100 可 用 来 显示 实 线段 长 度 为 3 个 像素 和 中 
2 间 空 白 段 为 2 个 像素 的 虚线 ,如 图 3. 6-6 所 示 。 线 型 
4 的 像素 模板 用 布尔 值 的 数组 来 存放 位 串 ,在 显示 时 ， 
2 区 以 数组 的 长 度 为 周期 进行 重复 。 根 据 数组 的 长 度 以 
1 及 数组 中 各 位 的 数值 ,可 以 绘制 不 同类 型 的 线 型 。 
时 工 要 了 二 海 8 89101112 假设 虚线 的 像素 模板 数组 为 : 2 IType[]={1, 
图 3.6-6 线 型 扫描 转换 显示 1,1,1,1,1,1,1,1,1,1,1,1,0,0,0}; 数 组 长 度 为 16。 
在 画 线 时 ,从 数组 中 寻找 对 应 位 置 并 判断 是 否 写 
像素 ,参考 代码 如 下 : 
if(lineType == 0) //lineType 为 线 型 标识 符 , 0: 直线,1: 虚 线 
pDC— > SetPixel(x, y, crColor); 
else 


if(lType[ it++ %16] ==1) 
PpDC— > SetPixel(x, y, crColor); 

利用 像素 模板 画 线 型 存在 的 问题 是 ,相同 数量 的 像素 数 在 不 同方 向 上 生成 线段 的 长 度 
是 不 同 的 ,如 图 3. 6-6 所 示 ,虚线 在 水 平方 向 与 在 倾斜 方向 上 二 者 的 实 线段 和 间隔 的 长 度 均 
不 相同 。 

为 了 实现 精确 的 线 型 定义 ,解决 方法 是 按照 直线 的 斜率 来 调整 线 型 定义 的 像素 模板 数 
组 中 实 线段 和 空白 段 的 像素 数目 。 或 者 对 像素 形成 的 线段 的 长 度 进行 记录 ,对 长 度 进行 处 
理 , 而 不 是 按 像素 的 个 数 处 理 。 

男 一 种 精确 定义 线 型 的 方法 是 ,将 线 上 的 每 一 段 实 线 段 作为 一 段 单独 的 线段 ,定位 其 首 
末 点 的 坐标 ,再 调用 直线 的 扫描 转换 算法 绘制 ; 不 过 这 样 处 理 ,具体 实现 时 比较 复杂 。 


3.7 反 走 样 技术 


利用 前 面 介绍 的 各 种 扫描 转换 算法 产生 的 直线 、 圆 .椭圆 以 及 多 边 形 等 基本 图 形 , 在 边 
界 部 分 或 多 或 少 都 会 呈现 锯齿 状 , 这 是 因为 图 形 的 数学 描述 是 连续 的 ,而 最 佳 至 近 图 形 的 像 
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素 点 却 是 离散 的 ,这 种 用 离散 量 表示 连续 量 引起 的 失真 现象 称 为 走样 (aliasing)。 走 样 是 图 
形 扫描 转换 的 必然 结果 ,走样 现象 不 可 避免 ,只 能 减轻 。 减 少 或 克服 走样 效果 的 技术 称 为 反 
走样 技术 ,简称 反 走 样 (antiraliasing) 。 

图 形 的 走样 有 如 下 几 种 : 

(1) 产生 阶梯 或 锯齿 形 ; 

(2) 细节 或 纹理 绘制 失真 ; 

(3) 狭小 图 形 遗 失 ; 

(4) 实时 动画 忽 隐 忽 现 .闪烁 跳跃 。 

反 走 样 方法 主要 有 两 类 。 

第 一 类 是 超 采样 或 称 后 置 滤波 。 这 类 算法 的 基本 思想 着 眼 于 提高 分 辩 率 ,虽然 采用 高 
分 辩 率 的 光栅 图 形 显 示 器 也 是 一 个 选择 ,但 它 受 到 客观 条 件 的 限制 ,而 且 也 不 经 济 。 因 此 ， 
常 采 用 软件 方法 实现 , 即 : 将 低 分 辩 率 的 图 形 像素 划分 为 许多 子 像 素 , 在 较 高 分 辨 率 上 对 各 
子 像素 的 颜色 值 或 灰 度 值 进 行 计算 ,然后 采用 某 种 平均 算法 ,将 原 像素 内 的 各 子 像 素 的 颜色 
值 或 灰 度 值 的 平均 值 作为 该 像素 显示 的 颜色 值 或 灰 度 值 ,在 较 低 分 辩 率 的 光栅 图 形 设 备 上 
进行 显示 。 

可 以 用 超 采 样 方法 来 进行 直线 反 走 样 。 即 : 将 每 个 像素 分 成 nXn 个 子 像素 ,然后 在 子 
像素 级 对 直线 进行 光栅 化 ,这 样 就 可 以 得 到 每 个 像素 中 被 激活 的 子 像素 的 个 数 。 如 图 3. 7-1 
所 示 , 粗 实 线 正 方形 表示 物理 像素 ,虚线 正方 形 表示 子 像素 ,阴影 区 域 表示 被 激活 的 子 像素 。 
在 nXn 伪 光栅 上 ,可 以 光栅 化 的 子 像素 最 多 为 n 个 。 每 个 物理 像素 的 光 强 与 其 被 激活 的 子 
像素 数 与 的 比值 成 正比 。 假 设 一 个 物理 像素 中 被 激活 的 子 像素 有 mm 个 ,其 可 能 的 最 大 光 


强 为 Tue* 则 该 像素 的 显示 亮度 近似 为 号 Ja 再 取 整 , 即 可 得 到 像素 的 显示 灰 度 值 。 























物理 像素 子 像素 
图 3.7-1 反 走 样 细 直 线 的 超 采样 


第 二 类 方法 称 为 前 置 滤波 。 即 : 把 像素 作为 一 个 有 限 区 域 而 不 是 一 个 面积 为 零 的 点 来 
处 理 。 

假定 每 个 像素 都 是 一 个 面积 等 于 1 的 小 正方 形 区 域 , 将 直线 段 看 作 宽 度 为 一 个 像素 的 
狭长 矩形 ,如 图 3. 7-2 所 示 , 这 时 可 以 采用 简单 的 区 域 采 样 方法 进行 反 走 样 。 当 直线 段 的 矩 
形 边界 与 像素 的 边界 有 交 时 , 求 出 两 者 相交 区 域 的 面积 A, 然 后 根据 相交 区 域 面积 的 大 小 确 
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定 该 像素 的 亮度 值 。 对 于 图 3. 7-2 中 的 任何 一 个 阴影 像素 而 言 , 上 述 阴 影 面积 A 是 介 于 
0 一 1 之 间 的 正 数 ,用 它 乘 以 像素 的 最 大 光 强 为 Tu, 则 该 像素 的 光 强 
I = AT 
从 采样 理论 的 角度 考虑 ,区 域 采样 方法 相当 于 使 用 盒 式 滤 
波 器 进行 前 置 滤波 后 再 采样 。 区 域 采样 方法 有 两 个 缺点 : 
中 像素 的 亮度 与 相交 区 域 的 面积 成 正比 ,而 与 相交 区 域 落 在 像 
素 内 的 位 置 无 关 , 这 在 某 种 程度 上 仍然 会 导致 阶梯 现象 ; 加 直 
线条 上 沿 理想 直线 方向 的 相 邻 两 个 像素 有 时 会 有 较 大 的 亮度 
图 3.7-2 固定 宽度 直线 。 差 , 特 别 是 当 直 线 是 一 条 接近 水 平 或 接近 垂直 的 直线 时 ,这 种 
现象 就 会 比较 突出 。 









































指定 一 个 窗口 作为 边界 ,将 窗口 之 外 的 图 形 裁 掉 ,只 保留 窗口 内 的 部 分 ,这 个 过 程 称 为 
裁剪 (clipping) 。 裁 剪 是 根据 窗口 参数 确定 窗口 内 那 部 分 可 见 图 形 元 素 的 一 种 处 理 过 程 。 
图 形 元 素 包 括 点 直线、 多 边 形 .字符 等 ,裁剪 是 计算 机 图 形 学 的 重要 理论 基础 之 一 。 裁 剪 的 
边界 可 以 是 任意 的 多 边 形 ,最 基本 的 是 矩形 裁剪 窗口 ,例如 显示 器 。 直 线段 裁剪 是 图 形 裁剪 
的 基础 ,裁剪 的 实质 是 判断 直线 段 是 否 在 裁剪 窗口 内 ,或 者 是 否 与 窗口 相交 ,如 相交 则 进 一 
步 确 定 窗口 内 的 部 分 。 





4.1 点 和 直线 的 裁剪 


4.1.1 点 的 裁剪 


点 的 裁剪 比较 简单 ,假设 裁剪 窗口 的 z 坐标 区 间 为 (zi ,zr),y 坐标 区 间 为 (ya,yr)。 
则 一 点 (xz,y) 可 见 的 充 要 条 件 为 





若 其 中 任 一 条 件 不 满足 , 则 该 点 为 不 可 见 , 应 被 裁 前 掉 。 
4.1.2 直线 裁剪 


本 书 所 提 的 直线 指 直 线段 ,又 称 线段 ,直线 裁剪 是 图 形 裁剪 的 基础 。 因 为 复杂 的 曲线 可 
以 通过 折线 段 来 近似 ,从 而 裁剪 问题 也 可 以 化 为 直线 段 的 裁 
剪 问题 。 

线段 裁剪 的 基本 思路 是 : 判断 线段 与 裁剪 窗口 的 位 置 关 


系 ,确定 线段 是 完全 可 见 、 部 分 可 见 还 是 完全 不 可 见 ; 对 部 分 oF 
可 见 线段 ,要 求 出 它 与 窗口 边框 线 的 交点 ,输出 落 在 窗口 内 线 oB 


段 的 端点 ,并 显示 该 线段 。 
线段 与 裁剪 窗口 之 间 的 位 置 关 系 如 图 4. 1-1 所 示 , 有 以 
下 五 种 情况 。 图 4.1-1 线段 和 栽 前 窗口 的 
@ 直线 的 两 端点 都 在 窗口 内 ,完全 可 见 , 可 被 简单 接受 ， 位 置 关系 
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如 图 4. 1-1 中 的 HI 线段 。 

@ 直线 的 两 端点 都 在 窗口 外 ,并 且 在 窗口 某 边 框 线 的 同一 侧 , 则 完全 不 可 见 , 可 被 简单 
裁 掉 ,如 图 4. 1-1 中 的 CD 线段 。 

@ 一 端点 在 窗口 内 , 另 一 端点 在 窗口 外 ,如 图 4. 1-1 中 的 JK 线段 。 

@ 两 端点 均 在 窗口 外 ,但 其 中 部 横 跨 窗口 ,如 图 4. 1-1 中 的 AB 线段 。 

@ 整 条 线 在 窗口 外 , 且 两 端点 不 在 窗口 某 边框 线 同 侧 ,如 图 4. 1-1 中 的 EF 线段 。 

其 中 对 加 由 加 三 种 情况 均 需 要 求 出 直线 与 窗口 边框 线 的 交点 ,并 对 交点 的 性 质 进行 分 
析 ,对 部 分 可 见 线段 , 裁 掉 外 部 一 段 , 显 示 内 部 线段 ; 对 不 可 见 线段 ,分 析 判 断后 全 部 裁 掉 。 

直线 裁剪 算法 有 若干 种 ,如 : 

QO@ 逐 边 裁剪 法 : 用 窗口 的 每 一 段 边界 分 别 与 直线 段 求 交 , 裁 剪 ; 

@ 矢量 裁剪 法 : 将 屏幕 分 为 9 个 区 ,分 别处 理 ; 

@ 编码 裁剪 法 (Cohen-Sutherland 算法 ); 

@ 中 点 分 割 算法 : 适合 用 硬件 直接 进行 ， 

@ 直线 方程 法 ; 

@ Cyrus-Beck 算法 ; 

@ 梁 友 栋 -Barskey 算法 (Liang-Barsky 算法 )。 

Cohen-Sutherland 直线 段 裁 前 算法 是 最 早 流行 的 裁剪 算法 ,该 算法 中 首先 利用 裁剪 窗 
口 的 四 个 边界 ,将 空间 划分 成 9 个 区 域 , 每 个 区 域 具有 相同 的 四 位 编码 ,如 图 4. 1-2 所 示 。 
' 四 位 编码 的 顺序 是 上 边界 、 下 边界 、 右 边界 、 左 边界 ,裁剪 








ba 1 ， 1010 窗口 上 边界 线 及 其 延长 线 上 方 区 域 的 点 ,第 一 位 都 取 1, 否 则 

取 0; 裁剪 窗口 下 边界 线 及 其 延长 线 下 方 区 域 的 点 ,第 二 位 都 
po %010 取 1, 和 否则 取 0; 裁剪 窗口 右边 界线 及 其 延长 线 右 方 区 域 的 
0 点 ,第 三 位 都 取 1, 否 则 取 0; 裁剪 窗口 左边 界线 及 其 延长 线 
0101 | 0100 ! 0110 左 方 区 域 的 点 ,第 四 位 都 取 1, 和 否则 取 0。 因 此 各 个 区 域 的 编 


码 如 图 4. 1-2 所 示 。 

线段 的 两 个 端点 位 于 某 一 个 区 域 时 ,就 将 该 区 域 的 代码 
赋予 端点 , 即 给 端点 编码 。 那 么 ,可 以 对 线段 作 如 下 判断 和 裁剪 处 理 。 

(1) 当 线 段 两 个 端点 的 四 位 编码 都 是 0 时 ,表示 线段 位 于 窗口 内 ,应 保留 。 

(2) 当 线段 两 个 端点 的 四 位 编码 不 是 0 时 , 则 线段 两 端点 的 四 位 编码 按 位 进行 逻辑 与 ， 
如 果 不 等 于 0, 表示 两 个 端点 的 代码 中 有 一 个 相同 位 同时 为 1, 则 两 个 端点 在 裁剪 窗口 某 个 
边界 线 外 面 的 同一 侧 位 置 ,那么 ,该 线段 位 于 窗口 外 ,应 舍弃 。 

(3) 当 线 段 的 两 个 端点 不 满足 (1) 和 (2) 的 情况 时 ,线段 会 与 裁剪 窗口 的 边界 线 或 其 延 
长 线 相交 。 需 要 逐 边 计算 直线 段 与 裁剪 窗口 四 个 边界 直线 的 交点 ,如 果 存 在 交点 , 则 交点 将 
直线 段 分 为 两 段 ,将 其 中 位 于 裁剪 窗口 边界 线 外 侧 的 一 段 舍 弃 , 然 后 对 交点 进行 编码 ,将 另 
外 一 段 作为 新 的 直线 段 ,继续 对 裁剪 窗口 剩余 的 其 他 边界 线 进行 上 述 的 判断 处 理 , 直 至 线段 
的 两 个 端点 都 是 0 即 在 裁剪 窗口 内 时 ,停止 处 理 。 

(4) 在 逐 边 计算 直线 与 裁剪 窗口 边界 直线 的 交点 时 ,可 以 利用 直线 段 方程 (针对 一 般 位 
置 直线 ,非特 殊 如 水 平和 垂直 位 置 直线 ) 


图 4.1-2 区 域 划分 及 编码 


A | 
= 和 证 一 
其 中 , (zi,y ), (zzyys) 是 直线 段 的 两 个 端点 。 当 计算 直线 与 左边 界 直 线 的 交点 时 ,将 z= 
ZL 代入 上 述 方程 , 即 得 交点 坐标 
T= XL 
(gs Ow 
ly 
裁剪 窗口 其 他 边界 直线 和 直线 求 交点 的 计算 方法 与 上 述 类 似 。 
例 4.1 对 图 4. 1-3 所 示 的 线段 PP 进行 窗口 裁剪 ,步骤 如 下 : 
@ 对 Pi 编码 为 1000 ,对 Ps 编码 为 0100; 
@ 对 PiPs 进行 判断 ,不 能 被 简单 接受 ,也 不 能 被 简单 裁 “i 
剪 掉 ; 
@ 计算 直线 与 边界 线 的 交点 ,与 上 边界 的 交点 为 P; ,并 0001 
编码 为 0000; Wu 
@ 对 PP 进行 判断 ,不 能 被 简单 接受 ,也 不 能 被 简单 裁 ”ol01 | 0100 \p,! 0110 
前 掉 ; 
@ 继续 计算 线段 PP, 与 其 他 界线 的 交点 ,得 交点 P, 并 
编码 为 0000; 
@ 对 P;P, 进行 判断 ,能 被 简单 接受 , 则 保留 线段 P;P, 。 
Cohen-Sutherland 直线 段 裁 剪 算 法 的 特点 : 用 编码 方法 可 快速 判断 线段 的 完全 可 见 和 
显然 不 可 见 。 其 优点 在 于 简单 ,易于 实现 。 它 可 以 简单 地 描述 为 将 直线 在 窗口 左边 的 部 分 
删 去 , 按 左 、 右 、 下 、 上 的 顺序 依次 进行 ,处 理 之 后 ,剩余 部 分 就 是 可 见 的 了 。 在 这 个 算法 中 求 
交点 是 很 重要 的 , 它 决定 了 算法 的 速度 。 另 外 ,本 算法 对 于 其 他 形状 的 裁剪 窗口 未 必 同 样 
有 效 。 
在 编程 实现 时 ,裁剪 窗口 可 以 定义 为 一 个 类 对 象 结构 ; 
class CCutRect :CDraw{ 
public: 
CCutRect(){ 
flag= 0; 
xL=0; 
xR= 0; 
y=0; 
yB= 0;} 
int xL, xR, yT, yB; 
int flag; // 是 否 有 裁剪 窗口 0: 没有 ,1: 有 
}; 


针对 多 组 线段 的 裁剪 算法 函数 代码 参考 如 下 : 








y= y+ 


0010 





图 4.1-3 直线 裁剪 


/次 尖 关 关 关 关 关 关 关 关 尖 关 关 尖 关 尖 关 关 关 关 尖 关 关 关 关 尖 关 六 关 半 关 关 六 关 关 其 关 尖 关 尖 关 关 尖 关 尖 关 关 尖 关 尖 关 关 关 源深 关 尖 关 关 关 关 尖 关 新 关 关 关 关 关 
OnRectCutlines: 线段 裁剪 算法 
m_line_array: 被 裁剪 线段 组 及 返回 裁剪 后 的 线段 组 ; m_cutRect: 裁剪 矩形 窗口 


尖 关 美美 美美 关 关 舌尖 关 尖 尖 关 六 并 尖 尖 美美 闫 闫 闫 闫 关 尖 尖 关 尖 尖 尖 尖 关 美美 美英 闫 闫 关 关 舌尖 关 尖 闪光 闫 美美 闫 闫 闫 闫 闫 关 关 关 关 尖 尖 类 关 尖 关 关 关 关 关 / 
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void OnRectCutlines(CArray < CLine, CLine > gm line array, CCutRect gm cutRect,) { 


CLine line; 


CArray < CLine, CLine> m line array tmp; // 存 放 裁 剪 后 的 临时 线段 组 

int codel[4],code2[4]; 

while(m line array. GetSize()> 0){ //m_line_array 线段 数组 
line=m line array. GetAt(0); // 从 线段 组 中 取出 一 个 线段 


m line array. RemoveAt(0); 
//1. 线 段 端 点 编码 
Encode( line,m cutRect, codel, code2); //m_cutRect 为 裁剪 窗口 
//2. 判断 线段 是 否 简单 接受 和 放弃 
if(codel[0] == 0&&codel[1] == 0&&codel[2] == 0&&codel[3] == 0&&code2[0] == 0&&code2[1] == 
0&&code2[2] == 0&&code2[3] ==0) { 
m line array tmp. Add(line); // 简 单 接受 
continue; 
} 
else if((codel[0]&code2[0]) | |(codel[1]&code2[1])||(codel[2]&code2[2])||(codel[3] 
&code2[3])){ 
continue; // 在 同一 侧 , 则 放弃 
} 
// 非 简单 接受 和 简单 放弃 , 则 求 交点 并 获得 裁剪 窗口 内 的 线段 
InterPt(m line array tmp,line,m cutRect,codel,code2); } 


m_line array. Append(m_line_array_tmp); // 裁 剪 后 的 线段 组 赋 给 原 线段 组 
m_line_array_tmp. RemoveAll(); 
Invalidate( ); // 显 示 


} 
其 中 ,线段 端点 的 编码 函数 为 : 


/* line: 线段 ; m_cutRect: 裁剪 矩形 窗口 ; codel: 端点 1 的 编码 ; code2: 端点 2 的 编码 * / 
void Encode(CLine &line, CCutRect m cutRect, int * codel, int * code2){ 

if(line.ptl.y<m cutRect. yT) codel[0] = 1;else code1l[0] =0; 

if(line.ptl.y>m cutRect. yB) codel[1] = 1;else codel[1] = 0; 

if(line. ptl.x>m cutRect.xR) codel[2] = 1;else codel[2] = 0; 

if(line. ptl.x<m cutRect. xL) codel[3] = 1;else codel[3] = 0; 


if(line. pt2.y<m cutRect. yT) code2[0] = 1;else code2[0] = 0; 

if(line. pt2.y>m cutRect. yB) code2[1] = 1;else code2[1] = 0; 

if(line. pt2.x>m cutRect. xR) code2[2] = 1;else code2[2] = 0; 

if(line. pt2.x<m cutRect. xL) code2[3] = 1;else code2[3] = 0; 
} 


对 于 非 简单 接受 和 简单 放弃 的 情况 , 求 交点 并 获得 裁剪 窗口 内 线段 的 函数 如 下 : 


/* m_line_array: 线段 组 ; line: 线段 ; m_cutRect: 裁剪 矩形 窗口 ; codel: 端点 1 的 编码 ; code2 : 
端点 2 的 编码 * / 

void InterPt(CArray <CLine,CLine> &m line array,CLine &line, CCutRect m cutRect, int * codel, 
int* code2){ 





CPoint pt; 

证 (codel[0]||code2[0]) { // 上 边界 
证 (codel[0]&&code2[0]) return; // 在 裁剪 窗口 外 , 则 删除 
// 与 中 求 交点 


pt.y= m cutRect. yT; 


第 4 章 裁 羡 ”| as 


pt.x= line.ptl.x+ (double) (line. pt2.x— line.pt1.x)/(double)(line.pt2.Y- line.ptl.Y) * (pt. 
Y -line.pt1. y); 
ifE(codel[0] ==1){ 
line.ptl = pt; 
codel[0] = 0; 
if(pt.x<m cutRect. xL) codel[3] =1; 
else if(pt.x>m cutRect. xR) codel[2] =1; 


else { 
line. pt2 = pt; 
code2[0] = 0; 
if(pt.x<m cutRect. xL) code2[3] =1; 
else if(pt.x>m cutRect. xR) code2[2] =1; 


} 


if(codel[1]||code2[1]) { // 下 边界 
if(codel[1]&&code2[1]) return; // 在 裁剪 窗口 外 , 则 删除 
// 与 中 求 交点 


pt.y= m cutRect. yB; 
pt.x= line.ptl.x+ (double) (line. pt2.x— line. ptl.x)/(double) (line. pt2.y— line. pt1. y) * (pt. 
Y -line.ptl. y); 
if(codel[1] ==1){ 
line.ptl = pt; 
codel[1] = 0; 
if(pt.x<m cutRect.xL) codel[3] =1; 
else if(pt.x>m cutRect. xR) codel[2] =1; 
} 
else { 
line.pt2= pt; 
code2[1] = 0; 
if(pt.x<m cutRect.xL) code2[3] =1; 
else if(pt.x>m cutRect. xR) code2[2] =1; 


】 


ifE(codel[2]||code2[2]) { // 右 边界 
if(codel[2]&&code2[2]) return; // 在 裁剪 窗口 外 , 则 删除 
pt.x=m_cutRect.xR; // 与 了 求 交 点 


pt.y= (int)line. ptl. y+ (m_cutRect. xR - line. ptl. x) * (double) (line. pt2.Y- line. pt1.Y)/ 
(double) (line. pt2.x— line. pt1. x); 
if(codel[2] ==1){ 
line.ptl = pt; 
codel[2] = 0; 
if(pt.y<m cutRect. yT) codel[0] =1; 
else if(pt.y>m cutRect. yB) codel[1] =1; 


else { 
line. pt2 = pt; 
code2[2] = 0; 
if(pt.y<m cutRect. yT)code2[0] = 1; 
else if(pt.y>m cutRect. yB)code2[1] =1; 
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证 (codel[3]||code2[3]) { // 左 边界 
if(codel[3]&&code2[3]) return; // 在 裁剪 窗口 外 , 则 删除 
// 与 江 求 交点 


pt.x= m cutRect. xL; 
pt.y= (int)line. ptl. y+ (m_cutRect. xL - line. pt1.x) * (line. pt2.Y- line. pt1. y)/(double) 
(line. pt2.x— line. pt1.x); 
if(codel[3] ==1){ 
line.ptl = pt; 
codel[3] = 0; 
if(pt.y<m cutRect. yT) codel[0] =1; 
else if(pt.y>m cutRect. yB) codel[1] =1; 
} 
else { 
line. pt2= pt; 
code2[3] = 0; 
if(pt.y<m cutRect. yT)code2[0] = 1; 
else if(pt.y>m cutRect. yB)code2[1] = 1; 
} 
} 
// 再 判断 通过 求 交 后 的 线段 的 位 置 
if(codel[0] == 0&&codel[1] == 0&&codel[2] == 0&&codel[3] == 0&&code2[0] == 0&&code2[1] = 
= 0&&code2[2] == 0&&code2[3] ==0) { 


m line array. Add(line); // 简 单 接受 
} 
else if((codel[0]&code2[0])|| (codel[1]&code2[1])||(codel[2]&code2[2])|| (codel[3] 
&code2[3])){ 
return; // 在 同一 侧 , 则 放弃 
} 
else { 


InterPt(m line array, line,m_cutRect, codel, code2); // 再 递归 调用 本 函数 
} 

} 

图 4. 1-4 所 示 为 上 述 代码 实现 的 线段 的 裁剪 效果 图 。 本 算法 的 特点 为 用 编码 方法 可 快 
速 判断 线段 的 完全 可 见 和 显然 不 可 见 。 其 优点 在 于 简单 ,易于 实现 。 它 可 以 简单 地 描述 为 
将 直线 在 窗口 左边 的 部 分 删 去 , 按 左 \ 右 、 下 、 上 的 顺序 依次 进行 ,处 理 之 后 ,剩余 部 分 就 是 可 
见 的 了 。 在 这 个 算法 中 求 交点 是 很 重要 的 , 它 决定 了 算法 的 速度 。 另 外 ,本 算法 对 于 其 他 形 
状 的 窗口 未 必 同 样 有 效 。 
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4. 1-4 ”Cohen-Sutherland 直线 裁剪 算法 




















识 
A 
册 
让 
尾 


4.2 多边形 裁剪 


4.2.1 多 边 形 裁剪 概述 


多 边 形 是 由 首尾 相 接 的 直线 段 组 成 的 封闭 图 形 ,所 以 ,多 边 形 裁剪 看 似 和 多 条 直线 段 相 
对 裁剪 窗口 的 裁剪 方法 类 似 , 但 是 ,这 样 裁剪 后 ,多边形 的 边界 将 可 能 不 再 是 封闭 的 状态 ,多 
边 形 裁剪 的 结果 将 不 再 是 多 边 形 ,我 们 希望 多 边 形 裁 剪 后 仍然 还 是 个 封闭 的 形状 。 当 多 边 
形 边界 裁剪 后 不 再 封闭 时 ,需要 用 窗口 边界 的 恰当 部 分 来 封闭 它 , 所 以 ,多 边 形 裁剪 要 解决 
的 第 一 个 问题 是 : 通过 裁剪 ,不 仅 要 保持 窗口 内 多 边 形 的 边界 部 分 ,而 且 要 将 裁剪 窗口 的 有 
关 部 分 按 一 定 次 序 插 入 多 边 形 的 保留 边界 之 间 , 从 而 使 裁剪 后 的 多 边 形 之 边 仍旧 保持 封闭 
状态 ,使 原来 的 多 边 形 填充 算法 得 以 正确 实现 。 多 边 形 裁剪 要 解决 的 第 二 个 问题 是 : 裁剪 
后 如 果 出 现 了 多 个 多 边 形 区 域 , 多 个 区 域 之 间 是 否 有 关联 ”如何 确定 边界 ? 不 同 的 裁剪 算 
法 可 得 到 不 同 的 处 理 结果 。 

由 于 多 边 形 有 凸 多 边 形 . 止 多 边 形 以 及 含 内 环 的 多 边 形 等 多 种 类 型 ,裁剪 窗口 也 可 以 是 
各 种 类 型 的 多 边 形 ,因此 ,多 边 形 裁剪 相 比 直线 的 裁剪 要 复杂 得 多 ,需要 考虑 各 种 情况 。 某 
种 多 边 形 裁剪 算法 可 能 只 对 某 种 类 型 的 多 边 形 进行 裁剪 ,裁剪 结果 是 正确 的 ,如 果 换 做 另外 
一 种 类 型 的 多 边 形 ,该 裁 前 算法 可 能 并 没有 效果 。 适 合算 形 裁 前 窗口 的 算法 有 Sutherland - 
Hodgman 算法 ( 逐 边 裁剪 法 )、Liang-Barsky 算法 、 中 点 分 割 算法 ; 适合 凸 多 边 形 裁剪 窗口 
的 算法 有 Cyrus-Beck 线 裁 前 算法、Sutherland-Hodgman 逐 边 裁剪 算法 、 外 接 和 矩形 判别 法 以 
及 分 区 判断 直接 裁剪 法 ; 适合 任意 多 边 形 裁剪 窗口 的 有 Weiler-Atherton 算法 (双边 裁剪 
法 ) ,等 等 。 其 中 ,Sutherland-Hodgman 逐 边 裁 剪 算法 适用 于 被 裁剪 多 边 形 可 以 是 任意 凸 多 
边 形 或 止 多边 形 .裁剪 窗口 不 局 限于 矩形 也 可 以 是 任意 凸 多 边 形 的 情况 ,可 以 很 好 地 诠释 多 
边 形 裁剪 的 原理 和 方法 。 而 Weiler-Atherton 双边 裁剪 算法 则 适用 于 裁剪 窗口 是 任意 形状 
的 多 边 形 情况 。 本 书 限于 篇 幅 , 仅 讨论 上 述 两 种 裁剪 方法 ,其 他 裁剪 方法 不 再 歼 述 ,关于 多 
边 形 新 的 裁剪 算法 ,目前 仍然 在 研究 中 。 








4.2.2 和 矩形 及 凸 多 边 形 裁剪 窗口 裁剪 


当 裁 剪 窗口 是 矩形 或 其 他 凸 多 边 形 时 ,可 以 采用 Sutherland-Hodgman 算法 (简称 S-H 
算法 ) 来 实现 。Sutherland-Hodgman 算法 也 叫 逐 边 裁剪 法 ,该 算法 是 Sutherland 和 
Hodgman 在 1974 年 提出 的 ,这 种 算法 采用 了 分 割 处 理 、 逐 边 裁剪 的 方法 。S-H 逐 边 裁剪 法 
的 基本 思路 是 : 把 整个 多 边 形 先 相 对 于 裁剪 窗口 的 第 一 条 边界 线 进行 裁剪 ,形成 一 个 新 的 
多 边 形 ,把 它 作为 中 间 多 边 形 ,然后 再 把 这 个 中 间 多 边 形 用 裁剪 窗口 的 第 二 条 边界 线 进 行 裁 
剪 ,又 形成 一 个 新 的 中 间 多 边 形 ,接着 用 窗口 的 第 三 、 第 四 条 边界 线 依 次 进行 裁剪 。 以 此 类 
推 , 最 后 形成 整个 多 边 形 经 过 裁剪 窗口 边界 线 裁 剪 的 最 终结 果 。 

对 于 如 图 4. 2-1(a) 所 示 的 多 边 形 ABCDEFGH 及 和 矩形 裁剪 窗口 ,首先 , 沿 左 裁剪 边界 
裁剪 ,获得 一 个 中 间 多 边 形 AILJCDEFGHH .如 图 4. 2-1(b) 所 示 。 然 后 对 该 中 间 多 边 形 沿 上 
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裁剪 边界 裁剪 ,获得 新 中 间 多 边 形 KIJCDEFNMHL ,如 图 4. 2-2 所 示 。 再 对 该 新 中 间 多 
边 形 沿 右 裁剪 边界 裁剪 ,获得 新 中 间 多 边 形 KIJCPOENRMHL ,如 图 4. 2-3 所 示 。 再 对 该 
新 中 间 多 边 形 沿 右 裁剪 边界 裁剪 ,获得 新 中 间 多 边 形 KIJQRPOENRMHL, 如 图 4. 2-4 
所 示 。 





4 4 KL M NN 
了 I 
F 本 a 
B 
D 2 D D 
C [ C 
(a) 多 边 形 及 裁 前 窗口 (b) 第 一 个 边界 裁剪 
图 4.2-1 和 矩形 裁剪 窗口 裁剪 图 4.2-2 第 二 个 边界 裁剪 





图 4.2-3 第 三 个 边界 裁剪 图 4.2-4 第 四 个 边界 裁剪 


在 具体 实施 该 算法 时 ,应 把 多 边 形 作为 项 点 序列 而 不 是 点 阵 序列 来 处 理 , 即 算法 的 输入 
是 以 顶点 序列 表示 的 多 边 形 。 算 法 的 输出 也 是 一 个 顶点 序列 ,构成 一 个 或 多 个 新 的 多 边 形 ， 


在 依次 对 多 边 形 的 每 条 边 与 窗口 裁剪 边界 进行 处 理 时 ,首先 需要 分 析 这 条 边 与 裁剪 边 
界 的 位 置 关 系 。 假 设 对 多 边 形 的 某 一 条 边 , 分 别 以 S 和 PP 表示 它 的 起 点 和 终点 ,那么 这 条 
边 和 裁剪 线 的 位 置 关 系 会 有 如 图 4. 2-5 所 示 的 四 种 可 能 情况 。 





(a) 完全 可 见 (b) 完全 不 可 见 (©) 部 分 可见 (离开 可 见 侧 ) 《四 部 分 叮 见 (进入 可 见 侧 ) 
4.2-5 多 边 形 一 条 边 与 裁剪 边界 的 位 置 关系 





多 边 形 与 每 一 条 窗 边 相交 ,生成 新 的 多 边 形 顶点 序列 的 过 程 ,是 一 个 对 多 边 形 各 顶点 依 
次 处 理 的 过 程 。 设 当前 处 理 的 顶点 为 已, 先前 顶点 为 S, 则 多 边 形 各 顶点 的 处 理 规则 如 下 。 
如 果 S、P 均 在 裁剪 窗口 边界 之 内 侧 , 那 么 ,将 尸 保 存 。 
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如 果 S 在 裁剪 窗口 边界 内 侧 ,P 在 外 侧 , 那 么 , 求 出 SP 边 与 裁剪 窗口 边界 的 交点 工 , 保 
存 了 1, 全 去 P。 

如 果 S、.P 均 在 裁剪 窗口 边界 外 侧 ,那么 , 舍 去 已。 

如 果 S 在 裁剪 窗口 边界 外 侧 ,P 在 内 侧 , 那 么 , 求 出 SP 边 与 裁剪 窗口 边界 的 交点 工 , 依 
次 保存 TI 和 己 。 

基于 这 四 种 情况 ,可 以 归纳 对 当前 点 已 的 处 理 方法 为 : DP 在 裁剪 窗口 边界 内 侧 , 则 保 
存 P; 否则 不 保存 。@P 和 S 在 裁剪 窗口 边界 非 同 侧 , 则 求 交点 了 ,并 将 1 保存 ,并 插入 之 
前 ,或 S 之 后 。 

对 于 裁剪 窗口 是 矩形 的 情况 ,上 述 的 多 边 形 逐 边 裁剪 算法 函数 代码 参考 如 下 : 





/ 汪 关 闫 关 关 关 闫 关 关 关 关 闪闪 关 尖 甘 尖 尖 关 美英 闪光 闫 关 闫 尖 尖 关 关 闪闪 关 关 闪闪 闫 闫 闪闪 关 其 尖 关 关 关 关 关 关 关 闫 尖 尖 关 关 闫 关 尖 关 关 关 关 关 关 关 关 关 关 关 
PolylineCut: 多 边 形 逐 边 裁剪 算法 
m_PolyLine_array: 多 边 形 边 数 组 ; m_cutRect: 和 矩形 裁剪 窗口 
闫 关 关 闫 关 闫 关 关 闫 关 闫 尖 闫 关 关 闫 关 闫 关 关 尖 关 闫 关 闫 关 关 闫 关 闫 关 半 美美 闫 尖 关 关 关 闫 关 闫 尖 闫 闫 关 美 关 闫 尖 关 关 关 闫 关 关 关 关 关 关 关 关 关 关 关 关 关 关 / 
void PolylineCut (CArray < CLine, CLine > &m PolyLine array,CCutRect m cutRect){ 
CArray < CPoint, CPoint > m_point_Array, m_point_Arrayl,m_point_Array2, m_point_ 
Array3,m_point_Array4; // 构 造 中 间 多 边 形 
// 把 边 变 成 顶点 序列 
CLine line; 
for(int j=0;j<m PolyLine array.GetSize();j++) { 
line=m PolyLine array. GetAt(j); 
m _ point_Array. Add(line. pt1); 
上 
m_point_Array, Add(m_point_Array. GetAt(0)); // 首 先 把 首 点 加 到 最 后 一 点 ,使 首尾 相 接 ,最 
// 后 删除 
int x_ledge,y_ledge; 
x_ledge = m cutRect. xL; 
int a, b,c; 
double m dblX,m dblY; 
int x0, x1, y0, y1; 
CPoint newPoint; 
//1. xsn 裁 前 
for(int i=0;i<m point Array.GetSize()—1;i++) { 
if(m point Array.GetAt(i).x<x ledge&g&m point Array.GetAt(i+1).x<x ledge) 


continue; // 继 续 , 放 弃 该 边 
else if(m point Array.GetAt(i).x>=x ledge&S&m point Array.GetAt(i+1).x>=x ledge){ 
// 接 受 
m point Arrayl. Add(m point Array. GetAt(i)); 
} 
else { 
x0 =m point Array. GetAt(i).x; // 一 边 一 个 , 则 计算 交点 并 插入 


xl =m point Array.GetAt(i+1).x; 

y0=m point Array. GetAt(i).y; 

yl =m point Array.GetAt(i+1).y; 

a= yo-yl; 

b= xl1— x0; 

c=x0*yl—xl*y0; 

m dblY= (一 1)* (double(a* x ledge + c))/(double)b; 
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Y_ledge = (int)(m dblY+ 0.5); 
newPoint.x= x ledge; 
newPoint.y=y ledge; 
// 计 算 插 入 顺序 
if(m point Array.GetAt(i).x<x ledge) 
m point Arrayl. Add(newPoint); // 插 入 交点 
else { 
// 先 插入 端点 再 插入 交点 
m point Arrayl.Add(m point Array.GetAt(i)); 
m point Arrayl. Add(newPoint); 


} 
//2. yan 裁剪 
y_ledge=m cutRect. yT; 
m point Arrayl.Add(m point Arrayl.GetAt(0)); 
for(i=0;i<m point Arrayl.GetSize()—1;it++){ 
if(m point_Arrayl.GetAt(i).y<y_ ledgegg&m point Arrayl.GetAt(i+1).y<y_ledge) 
continue; // 继 续 , 放 弃 该 边 
else if(m point Arrayl.GetAt(i).y>=y ledge&S&m point Arrayl.GetAt(i+1).y>=y ledge) 
m_point_Array2. Add(m_point_Arrayl. GetAt(i)); // 接 受 
else { 
// 一 边 一 个 , 则 计算 交点 并 插入 
x0=m point Arrayl.GetAt(i).x; 
xl =m point Arrayl.GetAt(i+1).x; 
y0=m point_Arrayl. GetAt(i).y; 
yl =m point Arrayl.GetAt(i+1).y; 
a=y0-yl; 
b=xl1— x0; 
c=x0x*yl—xl*y0; 
m dblX= (—1)*x (double(b*xy ledge+c))/(double)a; 
x_ ledge= (int)(m dblX+0.5); 
newPoint.x= x_ ledge; 
newPoint.y= y_ledge; 
// 计 算 插入 顺序 
if(m point_Arrayl. GetAt(i).y<y_ledge) // 先 插入 交点 
m point Array2. Add(newPoint); 
else { 
// 先 插入 端点 ,再 插入 交点 
m_ point Array2. Add(m point_ Arrayl.GetAt(i)); 
m point Array2. Add(newPoint); 


} 
//3. xx 裁剪 
x_ledge=m cutRect. xR; 
m point Array2.Add(m point Array2.GetAt(0)); 
for(i=0;i<m point Array2.GetSize()—1;i++){ 
if(m point Array2.GetAt(i).x>x ledge&g&m point Array2.GetAt(i+1).x>x ledge) 
continue; // 继 续 , 放 弃 该 边 
else if(m point Array2.GetAt(i).x<=x ledgegsm point Array2.GetAt(i+1).x<=x ledge) 


上 
志 
后 
省 


m point Array3. Add(m point Array2.GetAt(i)); // 接 受 
else {// 一 边 一 个 , 则 计算 交点 并 插入 
x0=m point Array2.GetAt(i).x; 
x1l=m point Array2.GetAt(i+1).x; 
Y0 =m point Array2.GetAt(i).y; 
Y1 =m point Array2.GetAt(i+1).y; 
a=y0-yl; 
b=xl1— x0; 
c=x0*yl—xl*y0; 
m dblY= (—1)* (double(a* x_ledge +¢c))/(double)b; 
Y_ledge= (int)(m dblY+0.5); 
newPoint.x= x ledge; 
newPoint.y= y_ledge; 
// 计 算 顺 序 
if(m point Array2.GetAt(i).x>x ledge) 
m point Array3. Add(newPoint); // 插 入 交点 
else {// 先 插入 端点 
m point Array3.Add(m point Array2.GetAt(i)); 
m point Array3. Add(newPoint); 


} 
//4. yx 裁剪 
Y_ledge = m_cutRect. yB; 
m point Array3. Add(m point Array3.GetAt(0)); 
for(i=0;i<m point Array3.GetSize()—1;it++){ 
if(m point Array3.GetAt(i).y>y ledgegg&m point Array3.GetAt(i+1).y>y ledge) 
continue; // 继 续 , 放 弃 该 边 
else if(m point Array3.GetAt(i).y<= y_ledgeg&&m point Array3.GetAt(i+1).y<=y_ ledge) 
m_point_Array4. Add(m_point_Array3. GetAt(i)); // 接 受 
else {// 一 边 一 个 , 则 计算 交点 并 插入 
x0=m point Array3.GetAt(i).x; 
xl1=m point Array3.GetAt(i+1).x; 
y0=m point Array3.GetAt(i).y; 
yl =m point Array3.GetAt(i+1).y; 
a=y0 -yl; 
b= x1— x0; 
c=x0x*yl—xl*y0; 
m dblX= (—1)*x (double(b*xy ledge+c))/(double)a; 
x_ledge= (int)(m dblxX+0.5); 
newPoint.x= x_ ledge; 
newPoint.y= y_ledge; 
// 计 算 顺 序 
if(m point Array3.GetAt(i).y>y_ ledge) 
m_point_Array4. Add(newPoint); // 插 入 交点 
else {// 先 插入 端点 
m point Array4. Add(m point Array3.GetAt(i)); 
m point Array4. Add(newPoint); 
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// 重 新 加 入 多 边 形 边 中 

m PolyLine array. RemoveAll(); 

for(j=0;j<m point Array4.GetSize() —1;j++){ 
line.ptl =m point Array4.GetAt(j); 
line.pt2 =m point Array4.GetAt(j+1); 
m PolyLine array. Add(line); 

最 

// 首 尾 相 接 

line. ptl =m point Array4.GetAt(m point Array4.GetSize()—1); 

line. pt2 = m point Array4.GetAt(0); 

m PolyLine array. Add(line); 

} 


如 图 4. 2-6 所 示 为 对 于 一 多 边 形 和 和 卸 形 裁剪 窗口 利用 上 述 逐 边 裁剪 法 裁剪 的 结果 ,以 
及 对 裁剪 后 的 多 边 形 进行 扫描 转换 的 效果 图 。 





图 4.2-6 答 形 裁剪 窗口 裁剪 多 边 形 


当 裁 剪 窗口 不 是 矩形 ,而 是 一 般 任意 多 边 形 时 ,那么 利用 上 述 的 逐 边 裁剪 法 分 析 判 断 被 
裁剪 多 边 形 的 顶点 在 裁剪 窗口 边界 的 哪 一 侧 以 及 计算 交点 时 ,不 能 像 矩 形 窗口 那样 通过 简 
单 判断 和 计算 来 实现 。 

为 了 判断 多 边 形 顶 点 与 裁剪 边界 的 位 置 关系 ,首先 需要 将 裁剪 多 边 形 的 每 条 边 设置 为 
有 向 线段 ,裁剪 多 边 形 的 外 环 按 顺 时 针 方 向 首尾 相 接 ,裁剪 多 边 形 的 内 环 按 逆 时 针 方向 首尾 
相 接 。 当 裁剪 多 边 形 是 凸 多 边 形 时 ,在 判断 多 边 形 走向 时 ,可 以 利用 数学 上 向 量 的 又 积 来 判 
断 (可 称 之 为 有 向 线段 又 积 判别 法 ) 。 

假设 多 边 形 有 向 顶点 序列 为 Pu P, P; P; P, ,每 个 顶点 的 坐标 为 (zy ) ,i 一 0,1,…,4， 
如 图 4. 2-7 所 示 , 则 相 邻 有 向 线段 PoPi X 疡 忆 又 积 的 方向 垂直 于 多 边 形 各 顶点 所 在 的 平面 
zOy, 即 在 坐标 轴 > 方向 上 ,并 遵守 又 积 的 右手 定 则 。 当 顶点 序列 方向 是 顺 时 针 时 ,PP x 
Pi 户 叉 积 的 方向 和 x 轴 的 正方 向 相反 ; 当 顶 点 序列 是 逆 时 针 方向 时 ,PoPi XPi 忆 又 积 方向 
和 < 轴 正 方向 相同 。Po Pi XPi 忆 的 叉 积 为 

; i j k 


TT JJ 一 y 0 








状 二 的 也 
在 = 轴 的 分 量 为 (zi 一 z)(y 一) 一 (zz 一 zi)(y 一 yx)。 由 
此 ,可 以 通过 计算 又 积 在 x 轴 的 分 量 来 判断 和 设置 多 边 形 的 项 
多 x ”点 序列 的 方向 。 

图 4.2-7 有 向 多 边 形 在 判断 多 边 形 某 顶 点 在 裁剪 窗口 边界 外 侧 或 者 内 侧 时 ,也 
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可 以 利用 又 积 的 正 负 来 进行 。 如 图 4. 2-8 所 示 ,AB 为 裁剪 多 边 形 窗口 的 一 个 有 向 边 ,P 为 
被 裁 前 多边形 的 一 个 顶点 。 
B 


P 内 便 
B 4 P 


表 x 王 
图 4.2-8 顶点 与 裁剪 边界 


当 顶 点 P 在 裁 前 多边形 外 侧 时 ,根据 叉 积 的 右手 定 则 ,A 户 X A 访 的 叉 积 的 方向 与 轴 
正方 向 相同 ; 当 顶 点 P 在 裁 前 多边形 内 侧 时 ,A 户 X A 户 的 叉 积 的 方向 与 x 轴 正 方向 相反 。 
因此 ,在 逐 边 裁剪 时 , 即 可 利用 叉 积 的 正 负 号 来 判断 顶点 在 裁 前 边界 的 哪 一 侧 , 从 而 进一步 
判断 顶点 对 应 的 多 边 形 的 边 在 裁剪 边界 的 哪 一 侧 以 及 与 裁剪 边界 相交 的 情况 ,该 顶点 是 保 
存 还 是 舍弃 。 

当 多 边 形 的 边 和 裁剪 边界 相交 时 ,首先 需要 计算 交点 。 可 利用 直线 的 隐 式 方程 求 直 线 
的 交点 , 设 多 边 形 某 边 的 两 个 端点 为 P,(z,,w),P.(zs,y), 裁 前 多 边 形 的 裁剪 边 的 两 个 端 
点 为 P。(za ,ys) ,P(xzs，,ys) , 联 立 求解 以 下 两 个 直线 方程 : 


axtbhyta 0 
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武 中流 二 WW 一 Ja 二 2 一 2 三 WZ 


解 得 


_ Cb — ab 
alipz — azsb1 
_ caas 一 Coal 
aib; — asbi 


上 述 算法 的 凸 多边形 窗 口 的 多 边 形 裁剪 函数 代码 参考 如 下 : 


/ 关 关 关 关 关 关 关 关 关 关 关 关 关 尖 关 关 尖 关 关 关 关 关 关 关 关 关 关 关 尖 尖 关 关 关 关 关 关 关 关 关 闫 关 关 关 关 关 关 关 关 关头 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 
Polyline_Cut: 凸 多 边 形 裁剪 窗口 裁剪 算法 
m_PolyLine_array: 首 尾 相 接 的 任意 多 边 形 边 数组 ; ringFlag = 0: 外 环 ,1: 内 环 ; m_cutPolyLine: 
凸 多 边 形 裁剪 窗口 
闪光 认 闪光 关 尖 闪闪 闫 并 尖 尖 关 闪闪 尖 尖 关 闪 并 尖 关 关 庆 次 尖 闪闪 尖 光 关 尖 闪光 关 关 闪闪 闫 关内 尖 关 美 尖 尖 关 关 六 尖 尖 尖 闪闪 尖 关 关 关 关 关 关 关 关 关 关 关 关 / 
void Polyline_Cut (CArray < CLine, CLine > &m_PolyLine_array, int ringFlag, CPolyLine &m_ 
cutPolyLine) { 
CArray < CPoint, CPoint > m point Array,m cut point Array,m point Arrayl; 
//1. 多 边 形 改 为 项 点 序列 
CLine linel; 
for(int jk=0;jk<m PolyLine array. GetSize();jk++){ 
linel =m PolyLine array.GetAt(jk); 
m point Array. Add(linel.pt1);} 
m point Array. Mdd(m point Array.GetAt(0)); // 首 尾 相 接 
//2. 判 断 裁 剪 多 边 形 是 否 为 顺 时 针 , 如 不 是 , 则 把 顶点 序列 改 为 顺 时 针 
SortForPolyline(m cutPolyLine.m PolyLine array Out,ringFlag ,m cut point Array); 
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//3. 循环 从 裁剪 多 边 形 中 逐次 取出 一 条 边 , 作 为 裁剪 边界 
CPoint ptA, ptB, interPt; V/,pto,ptl; 
int inOroutflag = 0; /10: 外 侧 ,1: 内 侧 
for(int j=0;j<m cut point Array.GetSize()—1;j++){ 
ptA=m cut point Array.GetAt(j); 
ptB=m cut point Array.GetAt(j+1); 
// 取 多 边 形 第 一 个 顶点 判断 在 内 侧 还 是 外 侧 
pt0=m point Array.GetAt(0); 
if(VectorXVector(ptB, ptA, pt0) * (一 1)>0) 7/ 外 侧 
inOroutflag = 0; 


else { 
inOroutflag= 1; // 内 侧 
m_point_Arrayl. Add(pt0); // 加 入 新 的 顶点 序列 


} 
// 循 环 从 多 边 形 中 取出 一 个 顶点 ,判断 如 何 取舍 
for(int k=1;k<m point Array.GetSize();k++){ 
ptl =m point Array. GetAt(k); 
// 取 顶点 判断 在 内 侧 还 是 外 侧 
if(VectorXVector(ptB, ptA, pt1) * (—1)> 0){ // 外 侧 
// 如 果 上 一 个 顶点 也 在 外 侧 , 则 全 去 
if(inOroutflag == 0) { 
pt0 = ptl; 
continue; 


} 


else { // 上 一 个 顶点 在 内 侧 , 则 有 交点 ,计算 交点 ,并 将 交点 插入 顶点 序列 ， 


// 售 去 当前 顶点 ,并 设 新 的 in0routflag= 0 


// 计 算 交 点 
InterPtToPt(ptA, ptB, pt0, ptl, interPt);// 插 入 交点 
m_point_Arrayl. Add( interPt); // 加 入 新 的 顶点 序列 
inOroutflag = 0; 
pt0 = ptl; 
} 
} 
else{// 内 侧 
// 如 果 上 一 个 交点 也 在 内 侧 , 则 加 入 新 顶点 序列 
if(inOroutflag == 1){ // 内 侧 
m point_ Arrayl. Add(pt1); // 加 入 新 的 顶点 序列 
pt0= ptl; 
continue; 


} 
else{// 上 一 个 顶点 在 外 侧 , 有 交点 ,将 交点 插入 顶点 序列 再 插入 顶点 
InterPtToPt(ptA, ptB, pt0,ptl, interPt);// 计 算 交 点 


m point Arrayl. Add( interPt); // 加 入 新 的 顶点 序列 
inOroutflag= 1; // 设 置 新 的 in0routflag= 1 在 内 侧 
m_point_Arrayl. Add(pt1); // 顶 点 加 入 新 的 顶点 序列 

pt0 = ptl; 


} 
} 
m point Array. RemoveAll(); 
m point Array. Append(m point Arrayl); 


二 
志 
司 
省 


m point Arrayl.RemoveAll(); 

} 

// 重 新 加 入 多 边 形 边 中 

m PolyLine array. RemoveAll(); 

for(j=0;j<m point Array. GetSize() -1;j++){ 
line.ptl =m point Array. GetAt(j); 
line.pt2 =m point Array.GetAt(j+1); 
m PolyLine array. Add(line); 

} 

// 首 尾 相 接 

line. ptl =m point Array.GetAt(m point Array. GetSize()—1); 

line. pt2=m point Array.GetAt(0); 

m PolyLine array. Add(line); 

} 


其 中 ,多 边 形 顶点 的 排序 函数 如 下 : 


/* m_PolyLine_array: 多 边 形 ; ringFlag: 多 边 形 方向 ; m_point_Array: 排序 后 的 顶点 序列 * / 
void SortForPolyline( CArray < CLine, CLine > &m_PolyLine_array, int ringFlag, CArray < CPoint, 
CPoint > gm point Array){ 

//1. 判断 多 边 形 外 环 是 否 顺 时 针 方 向 ,如 不 是 ,把 顶点 序列 改 为 正确 顺序 ,外 环 顺 时 针 ,内 环 逆 时 针 

CPoint pt0, pt1, pt2; 

pt0 = m PolyLine array.GetAt(0).ptl; 

ptl = m PolyLine array.GetAt(0).pt2; 

pt2=m PolyLine array. GetAt(1). pt2; 


CLine line; 
CPoint intPt; 
if(VectorXVector(pt0,ptl,pt2)<0){ // 多 边 形 初始 是 顺 时 针 
if(ringFlag== 0){ // 是 外 环 ,顶点 序列 按 初始 边 的 顺序 排序 


for(int j=0;j<m PolyLine array.GetSize();j++){ 
line= m PolyLine array. GetAt(j); 
intPt.x= line. ptl.x; 
intPt. y= line. ptl.y; 
m_ point Array. Add( intPt); 
} 
} 
else { 
// 是 内 环 ,顶点 序列 按 初始 边 的 反方 向 顺序 排序 
for(int j =m PolyLine array.GetSize()—-1;j>=0;j--) { 
line= m PolyLine array. GetAt(j); 
intPt. x = line. pt2. x; 
intPt. y= line. pt2.y; 
m point Array. Add( intPt); 


} 
} 
else{//>0 多 边 形 初始 是 逆 时 针 
if(ringFlag== 0){ 
// 是 外 环 , 顶点 序列 按 初 始 边 的 反方 向 顺序 排序 
for(int j=m_PolyLine_array. GetSize() -1;j>=0;j--) { 
line=m PolyLine array. GetAt(j); 
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intPt. x= line. pt2.x; 
intPt. y= line. pt2.y; 
m point Array. Add( intPt); 
} 
} 
else{ 
// 是 内 环 , 顶点 序列 按 初始 边 的 顺序 排序 
for(int j= 0;j<m_PolyLine_array. GetSize();j++){ 
line=m PolyLine array. GetAt(j); 
//m_point Array. Add(line. pt1); 
intPt.x= line. ptl.x; 
intPt. y= line. ptl.y; 
m point Array. Add( intPt); 


} 
} 
m_point_Array. Add(m point Array. GetAt(0)); // 使 首尾 相 接 
} 


其 中 ,在 判断 裁剪 多 边 形 的 走向 时 , 需 


/* pt0, pt2, pt2 是 顺序 三 个 项 点 * / 
int VectorXVector(CPoint &pt0, CPoint &ptl1,CPoint &pt2){ 
return (ptl.x— pt0.x) * (pt2.y— ptl.y) - (pt2.x 一 pt1.x)x (ptl.Y- pt0. y); 


计算 两 条 直线 交点 的 函数 代码 为 : 


/* 计算 直线 段 pts - pte 和 直线 段 pt0 -ptl 的 交点 InterPt * / 
void InterPtToPt(CPoint &pts, CPoint &pte, CPoint &pt0, CPoint &ptl, CPoint &InterPt){ 
int al, bl, c1,a2, b2, c2; 
al = pts.y- pte.y; 
bl = pte.x— pts.x; 
cl=pts.x* pte.y— pte.x* pts.y; 
a2 = pt0.y— ptl.y; 
b2= ptl.x— ptO.x; 
C2= pt0.x* ptl.y— ptl.x* pt0.Y; 
InterPt.x= int(0.5+ (double)(c2*bl—cl*b2)/(double)(al * b2 - a2 * b1)); 
InterPt.Y= int(0.5+ (double) (cl *a2— c2*xal)/(double)(al * b2— a2 * b1)); 
} 


图 4. 2-9 所 示 为 利用 上 述 代码 实现 的 任意 多 边 形 被 一 个 是 多边形 裁剪 以 及 区 域 填充 的 
效果 。 





计算 有 向 线段 的 又 积 , 函 数 代 码 为 : 





图 4.2-9 一 般 凸 多 边 形 裁剪 窗口 裁剪 多 边 形 
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逐 边 裁剪 法 的 特点 是 理论 简单 ,也 比较 容易 实现 ,但 是 它 主要 适合 于 裁剪 窗口 是 凸 多 边 
形 的 情况 。 当 裁剪 窗口 是 任意 的 形状 ,例如 四 多 边 形 
和 带 内 环 的 多 边 形 时 ,利用 裁剪 边界 来 判断 多 边 形 项 
点 在 裁剪 窗口 哪 一 侧 就 会 失效 。 而 且 被 裁剪 多 边 形 
是 凹 多 边 形 时 ,利用 逐 边 裁剪 法 有 时 会 出 现 *“ 退 化 边 ” 
的 情况 。 如 图 4. 2-10 所 示 的 止 多 边 形 利 用 逐 边 裁剪 
法 裁剪 后 ,会 形成 有 边界 重合 的 一 个 多 边 形 ,看 似 却 ”图 4.2-10 逐 边 裁剪 法 的 退化 边 现象 
是 多 个 多 边 形 ,而 且 之 间 有 连 线 ,此 即 为 “退化 边 ” 
现象 。 

















4.2.3 任意 形状 多 边 形 的 裁剪 


Sutherland-Hodgman 逐 边 裁剪 算法 解决 了 裁剪 窗口 为 凸 多 边 形 的 多 边 形 裁剪 问题 , 当 
裁剪 窗口 是 任意 形状 的 多 边 形 时 ,例如 止 多 边 形 以 及 更 一 般 的 带 内 环 的 多 边 形 时 , Weiler- 
Atherton 多 边 形 裁剪 算法 具有 更 好 的 解决 思路 。 由 于 Weiler-Atherton 裁剪 算法 中 被 裁剪 
多 边 形 和 裁剪 多 边 形 相互 裁剪 , 故 该 算法 又 称 为 双边 裁剪 算法 (简称 W-A 算法 ), 另 外 
Weiler-Atherton 裁剪 算法 还 可 以 有 效 地 解决 S-H 算法 中 的 “退化 边 ” 问 题 。 

在 Weiler-Atherton 裁剪 算法 中 ,裁剪 窗口 和 被 裁剪 多 边 形 处 于 完全 对 等 的 地 位 。 其 
中 ,为 了 区 分 ,被 裁 前 多边形 即 为 主 多 边 形 , 记 为 SP; 裁剪 多 边 形 即 为 裁剪 窗口 , 记 为 CP， 
如 图 4. 2-11 所 示 。 

从 图 4. 2-11 中 可 以 看 出 ,多 边 形 裁剪 的 结果 是 
裁剪 后 的 多 边 形 边界 由 被 裁剪 多 边 形 SP 和 裁 前 多 
边 形 CP 两 部 分 的 边界 组 成 ,并 且 边 界 在 两 个 多 边 
形 的 交点 处 发 生 交 替 , 即 由 被 裁剪 多 边 形 SP 的 边 
界 转 至 裁剪 多 边 形 CP 的 边界 ,或 者 由 裁剪 多 边 形 
CP 的 边界 转 至 被 裁剪 多 边 形 SP 的 边界 。 由 于 多 
边 形 构成 的 是 一 个 封闭 的 区 域 ,所 以 ,如 果 被 裁剪 
多 边 形 和 裁剪 多 边 形 有 交点 , 则 交点 成 对 出 现 。 这 
些 交点 分 为 两 类 。 

(1) 进 点 。 即 被 裁剪 多 边 形 由 此 点 进入 裁剪 多 
边 形 ,如 图 中 的 点 B.D。 

(2) 出 点 。 即 被 裁剪 多 边 形 由 此 点 离开 裁剪 多 








4.2-11 被 裁剪 多 边 形 SP 和 
裁剪 多 边 形 CP 


边 形 ,如 图 中 的 点 A、C。 

Weiler-Atherton 裁剪 算法 的 思想 : 从 被 裁剪 多 边 形 的 一 个 顶点 开始 , 碰 到 进 点 , 沿 着 
被 裁 前 多边形 按 顺 时 针 方向 搜集 顶点 序列 ; 而 当 遇 到 出 点 时 , 则 沿 着 裁剪 多 边 形 按 顺 时 针 
方向 搜集 顶点 序列 , 当 遇 到 进 点 时 ,再 按照 被 裁剪 多 边 形 顺 时 针 方向 搜集 顶点 序列 。 按 上 述 
规则 ,如 此 交替 地 沿 着 两 个 多 边 形 的 边线 行进 ,直到 回 到 起 始 进 点 。 这 时 ,收集 到 的 全 部 顶 
点 序列 就 是 裁剪 所 得 的 一 个 多 边 形 。 

特别 需要 注意 的 是 .由 于 可 能 被 裁剪 成 多 个 分 离 的 多 边 形 ,如 图 4. 2-11 所 示 的 情况 , 那 
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么 ,在 沿 着 裁 前 多边形 顺 时 针 搜 集 项 点 时 ,如 遇 到 进 点 , 需 
要 判断 该 进 点 是 否 已 搜集 过 ,如 该 进 点 已 经 搜集 过 , 则 现 有 
搜集 到 的 顶点 序列 已 经 形成 一 个 封闭 的 多 边 形 , 本 次 搜集 
结束 。 然 后 ,从 被 裁剪 多 边 形 的 下 一 个 未 搜集 的 进 点 出 发 
重新 开始 搜集 顶点 序列 。 循 环 重复 上 述 步 又 ,直至 将 所 有 
的 进 点 搜集 完毕 后 算法 结束 。 

如 图 4.2-12 所 示 的 被 裁剪 多 边 形 PP, P, P; P, P; P, P; Ps 
及 裁剪 多 边 形 QuQiQ:QsQQs: ,两 个 多 边 形 的 顶点 均 已 按 

图 4.2-12 WeilerAtherton 双边 顺 时 针 方向 进行 排序 ,两 个 多 边 形 的 交点 为 I。、T、T、l ,其 
和 中 ,J 为 出 点 ,五 、D 为 进 点 。 然 后 ,将 交点 分 别 插入 两 
个 多 边 形 的 项 点 序列 中 : 

插入 交点 后 的 被 裁剪 多 边 形 顶 点 序列 为 Po TP P,P;P, TsPs Pl,Pil1Ps 

插入 交点 后 的 裁剪 多 边 形 顶点 序列 为 QTQiT TQ;Q;1;Q1Q; 

从 被 裁剪 多 边 形 的 顶点 序列 中 找到 一 个 进 点 了 ,并 沿 着 被 裁剪 多 边 形 搜集 顶点 序 
列 一 一 Ps 、Ps ,一 直到 交点 I ,1 为 出 点 , 则 从 I 点 开始 沿 裁剪 多 边 形 方向 搜集 顶点 序 
列 一 一 Q: .Qs 、1;, 由 于 1 为 本 次 搜集 的 初始 进 点 , 则 这 次 顶点 搜集 结束 ,并 形成 一 个 裁剪 后 
的 多 边 形 一 一 I Ps Ps TQ;Q;。 

接着 再 查找 被 裁 前 多边形 下 一 个 进 点 I 有 ,并 沿 着 被 裁剪 多 边 形 搜集 顶点 序列 一 一 Ps 、 
Pu ,到 交点 fo 为 出 点 , 则 从 点 开始 沿 裁 前 多边形 搜集 顶点 一 一 Qi 、 了 ,由 于 了 荆 为 本 次 
搜集 的 初始 进 点 , 则 本 次 搜集 结束 ,形成 的 多 边 形 为 PsPo1,Q,。 由 于 不 再 有 未 搜集 的 进 
点 , 则 裁剪 结束 。 

在 用 代码 实现 Weiler-Atherton 裁剪 算法 时 ,有 两 个 关键 点 : 一 是 裁剪 多 边 形 和 被 裁剪 
多 边 形 的 顶点 都 需要 进行 正确 排序 ,其 中 外 环 按 照 顺 时 针 排 序 , 内 环 按照 着 时 针 排 序 ; 二 是 
计算 两 个 相互 裁剪 的 多 边 形 交点 ,并 将 交点 正确 插入 到 多 边 形 的 顶点 序列 中 。 

对 于 凸 多 边 形 的 顶点 排序 ,在 4.2.2 节 中 曾经 提出 了 有 向 线段 的 向 量 又 积 判别 法 进行 
判断 排序 ,该 方法 主要 适用 于 裁剪 多 边 形 是 凸 多 边 形 的 情况 , 当 多 边 形 是 其 他 形状 ,例如 四 
多 边 形 和 带 内 环 的 多 边 形 时 ,需要 对 该 方法 做 进一步 的 改进 才能 正确 判断 多 边 形 走向 , 例 
如 ,利用 多 边 形 的 极 值 边 的 有 向 线段 的 向 量 又 积 来 判断 。 本 节 提 出 了 另外 一 种 比较 实用 的 
新 的 判别 方法 : 利用 多 边 形 扫描 转换 中 扫描 线 算 法 的 原理 来 判断 多 边 形 边 的 碳 侧 区 域 的 点 
是 否 在 多 边 形 内 部 ,从 而 判别 和 设置 多 边 形 的 顶点 走向 (该 法 可 称 为 基于 扫描 线 算法 的 多 边 
形 方 向 判别 法 ) 。 

如 图 4. 2-13 所 示 , 对 于 多 边 形 Pu P, P, P; P, P; P, ， 
假设 一 个 人 沿 着 多 边 形 的 边界 线 前 进 , 在 外 环 沿 顺 时 
针 方 向 前 进 , 在 内 环 沿 道 时 针 方 向 前 进 , 此 时 ,其 身体 
右 侧 的 点 始终 是 多 边 形 的 内 部 点 。 据 此 ,可 以 判断 多 
边 形 的 方向 : 沿 着 多 边 形 走向 前 进 时 ,如 果 身 体 右 侧 
的 点 在 多 边 形 内 部 , 则 多 边 形 为 顺 时 针 走 向 ,否则 多 边 
形 为 道 时 针 走 向 。 利 用 这 个 方法 进行 判断 时 ,首先 需 
要 沿 着 多 边 形 的 走向 构造 一 个 在 某 条 边 右 侧 的 点 , 接 图 4.2-13 多 边 形 内 部 填充 色 判别 法 
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着 判断 该 右 侧 点 是 否 在 多 边 形 内 部 。 
假设 多 边 形 外 环 是 顺 时 针 方 向 , 即 边 PoPi 方向 为 Po (zy ) 一 Pi(Cz,yi), 边 PuP, 上 
z=(1—ti)zxotiz 


的 点 为 ,0 三 1 二 1, 由 于 边线 段 会 有 不 同 的 倾斜 方向 ,因此 该 边 右 侧 的 点 
y=(1—t)yotty 


会 有 以 下 四 种 情况 ,如 图 4.2-14 所 示 。 

设 多 边 形 边 上 的 点 为 (zy) , 右 侧 点 (ziyy) 可 以 用 单位 增 量 点 表示 , 当 zo 圭 zi,yo 志 yn 
时 , 即 图 4.2-14 中 的 第 一 种 情况 , 当 用 点 阵 表示 直线 时 , 右 侧 单位 增 量 点 可 以 是 (z 十 1,y)， 
(zy 一 1D) 和 (z 十 1,y 一 1) ,如 图 4.2-15 所 示 , 右 侧 点 取 (z 十 1,y 一 1) 。 同 理 , 边 直线 其 他 几 
种 倾斜 情况 下 的 右 侧 点 取 值 分 别 为 

当 zo 委 zyo 它 y 时 ,zi 一 z 一 1,y 一 y 一 1; 

当 xox1 ,yy 时 ,rr 一 z 十 1,y 一 > 十 1; 

当 zo 过 zyo 志 y 时 ,一 工 一 1,y 一 y 一 1。 


Ph Po po 
出 醒 
1 
A (x+1] 
Po nh Po Pi 


图 4.2-14 ”多边 形 边 右 侧 点 的 四 种 情况 图 4.2-15 直线 右 侧 点 


判断 右 侧 点 是 否 在 多 边 形 内 部 ,最 直观 的 方法 是 借助 多 边 形 扫描 转换 中 的 扫描 线 算 法 
原理 : 利用 扫描 线 > 一 w 与 多 边 形 各 边 求 交 点 ,顺序 组 成 交点 区 间 对 ,如 果 右 侧 点 在 某 一 交 
点 区 间 对 中 , 则 右 侧 点 在 多 边 形 内 部 ,多 边 形 是 顺 时 针 走 向 ,否则 是 着 时 针 走 向 ,如 图 4. 2-16 

Weiler-Atherton 裁剪 算法 的 第 二 个 关键 点 是 
两 个 多 边 形 交点 的 计算 。 和 逐 边 裁剪 法 中 多 边 形 和 
裁剪 边界 的 交点 计算 方法 不 同 ,两 个 多 边 形 的 交点 
必须 在 边 的 两 个 端点 之 间 , 不 能 在 边 的 延长 线 上 ， 
否则 为 无 效 交 点 。 为 此 ,可 借助 直线 段 的 参数 方 
程 进行 求解 。 设 被 裁 前 多边形 某 边 的 两 个 顶点 是 
P, (zs ,ys) ,P(x。,y) ,裁剪 多边形 边 的 两 个 顶点 是 
Las ,ya)，P, (zs， yo), 则 两 个 边 的 参数 式 方程 分 
别 为 














T= (1— wz ur., 
| o<u<i 
3 一 (1 一 xy 十 zy。 

和 
X= (vr ur 
| ，0 委 vv 委 1 
y= 


当 两 个 边 相 交 即 有 共同 点 时 , 联 立 解 方程 
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当 所 得 的 结果 同时 满足 0<u<1 和 0<v<1 时 (注意 边界 一 端 是 开 的 ) ,两 个 边 有 交点 ， 
否则 没有 交点 。 
当 一 条 边 有 多 个 交点 时 ,需要 按照 每 个 交点 对 应 的 参数 值 u 或 者 v 的 大 小 顺序 ,将 交点 
插入 多 边 形 项 点 序列 中 。 


在 对 多 边 形 顶点 和 交点 一 起 排序 时 ,每 个 点 的 信息 中 不 仅 要 记录 坐标 信息 ,还 需要 记录 
该 点 是 否 为 相交 点 ,以 及 是 进 点 还 是 出 点 。 由 于 一 条 边 上 可 能 会 有 多 个 交点 ,需要 对 这 些 交 
点 排序 。 为 了 实现 排序 比较 ,点 信息 中 还 需 记 录 每 个 点 在 边 上 的 参数 值 和 w 的 大 小 , 故 多 
边 形 交点 的 结构 类 设计 如 下 : 


class CInterPoint{ // 多 边 形 交 点 类 
public: 
int x; 
int y; 
int flag; // 交 点 标识 ,0: 非 交点 ,1: 进 点 , -1: 出 点 ,2: 该 进 点 已 经 使 用 
double parau; // 顶 点 是 交点 时 ,在 被 裁剪 多 边 形 对 应 边 的 参数 方程 的 参数 值 
double parav; // 顶 点 是 交点 时 , 在 裁剪 多 边 形 对 应 边 的 参数 方程 的 参数 值 
public: 
CInterPoint(){ 
flag= 0; 
parau= 0; 
parav= 0; 


}; 
Weiler-Atherton 裁剪 算法 的 函数 参考 代码 如 下 : 


/ 关 关 关 关 关 关 关 关 闪闪 尖 关 关 关 尖 关 关 关 关 关 关 关 关 关 尖 关 关 关 尖 尖 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关头 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关头 关 关头 关 关 
Polyline_CutToWA: Weiler - Atherton 裁剪 算法 函数 
m_PolyLine_array: 任意 多 边 形 ; m_cutPolyLine: 任意 多 边 形 裁剪 窗口 ; m_MorePolyLine: 裁剪 后 另 
外 生成 的 多 边 形 数组 ; morePolyNum: 另外 生成 的 数目 
闫 关 关 关 关 关 关 尖 关 尖 关 关 关 尖 关 尖 关 关 关 尖 关 关 关 闪 关 关 关 关 关 关 关 关 关 关 关 关 尖 关 尖 关 关 关 关 关 关 关 关 关 关 关 关 关 关 尖 关 关 关 关 关 关 关 关 关 关 关 关 关 关 
void Polyline_ CutToWA(CArray < CLine, CLine > &m_PolyLine array, int ringFlag, CPolyLine &m_ 
cutPolyLine, CPolyLine * m MorePolyLine, int &morePolyNum){ 

//ringFlag = 0: 外 环 ,1: 内 环 

CArray < CInterPoint, CInterPoint > m_point_Array, m_cut_point_Array; ”// 原 始 排 序 后 的 顶点 序列 

CArray < CInterPoint, CInterPoint > m new_cut_point_Array; ”// 加 入 交点 后 的 裁 前 多 边 形 顶 
// 点 序列 ,被 裁剪 多 边 形 还 用 原来 的 顶点 序列 加 交点 

CArray < CPoint, CPoint > m_point Arrayl; // 裁 剪 后 的 顶点 序列 

//1. 设 置 裁剪 多 边 形 走 向 

SortForPolyline(m PolyLine array, ringFlag,m point Array); 
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//2. 设 置 裁剪 多 边 形 走向 
SortForPolyline(m cutPolyLine.m PolyLine array Out,0,m cut point Array); 
//3. 循环 从 裁剪 多 边 形 中 逐次 取出 一 条 边 ,被 裁剪 多 边 形 每 条 边 循环 判断 相交 ,并 求 交点 ,将 交 
// 点 加 入 两 个 多 边 形 的 顶点 序列 中 
CInterPoint ptA, ptB, pt_0,pt 1, interPt:; 
CArray < CInterPoint,CInterPoint > m_InterPt Array;  ”// 记 录 当 前 边 相 交点 的 集合 
int inOroutflag = 0; /10: 外 侧 ,1: 内 侧 
for(int j=0;j<m cut point Array.GetSize()—1;j++){ 
ptA=m cut point Array.GetAt(j); 
m new cut point Array.Add(ptA); // 将 每 条 边 的 第 一 个 顶点 首先 插入 
ptB=m cut point Array.GetAt(j+1); 
// 取 多 边 形 第 一 个 顶点 ,判断 在 内 侧 还 是 外 侧 
pt 0=m point Array.GetAt(0); 





if(VectorXVector(ptB, ptA, pt_0)* (—1)>0) // 外 侧 
inOroutflag = 0; 
else 
inOroutflag= 1; // 内 侧 
// 循 环 从 被 裁剪 多 边 形 中 取出 一 个 顶点 ,判断 是 否 有 交点 ,如 有 交点 , 则 加 入 
m_InterPt_Array. RemoveAll(); // 清 空当 前 裁剪 边 的 交点 序列 


for(int k=1;k<m point Array.GetSize();k++){ 
pt_1=m point Array.GetAt(k); 


// 取 顶点 判断 在 内 侧 还 是 外 侧 
诗 (VectorXVector(ptB,pth,pt_1)*(-1)>0){ // 外 侧 
if(inOroutflag==0) { // 如 果 上 一 个 顶点 也 在 外 侧 
pt 0=pt 1; 
continue; } 
else { // 上 一 个 顶点 在 内 侧 
// 计 算 交 点 
if(InterPtTopt(ptA, ptB, pt_0,pt_1,interPt)==1) { 
interPt. flag =-— 1; // 有 交点 ,设置 该 交点 是 出 点 标识 


// 在 裁剪 多 边 形 顶 点 的 合适 位 置 插 入 交点 
InsertPtInCutPts(interPt,m new cut point Array,m InterPt Array); 


// 被 裁剪 多 边 形 项 点 序列 中 加 入 交点 
m point Array. InsertAt(k, interPt); 
k++; // 下 一 次 从 交点 的 下 一 个 顶点 开始 
} 
inOroutflag = 0; 
pt 0O=pt 1; 
} 
} 
else{ // 内 侧 
if(inOroutflag ==1){ // 也 在 内 侧 
pt 0=pt 1; 
continue; 
} 
else { 


// 上 一 个 顶点 在 外 侧 , 则 有 交点 
if(InterPtToPt(ptA, ptB, pt_0,pt 1,interPt) ==1){ 
interPt. flag=1; // 有 交点 ,设置 该 交点 是 进 点 标识 
// 在 裁剪 多 边 形 顶 点 的 合适 位 置 插 入 交点 
InsertPtInCutPts( interPt,m_new_cut_point_Rrray,m_InterPt_Rrray) ; 
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// 被 裁剪 多 边 形 顶 点 序列 中 加 入 交点 

m point Array. InsertAt(k, interpt); 

k++; // 下 一 次 从 交点 的 下 一 个 顶点 开始 
} 
inOroutflag= 1; // 设 置 新 的 in0routflag = 1 在 内 侧 
pt 0=pt 1; 


} 

有 

m new_cut point Array.Add(m new cut point Array.GetAt(0)); 

/* 循环 从 被 裁剪 多 边 形 的 顶点 序列 中 查找 进 点 ,然后 , 从 被 裁剪 多 边 形 搜集 顶点 , 遇 到 出 点 , 则 
从 裁剪 多 边 形 搜集 顶点 ,直到 遇 到 进 点 。 如 果 进 点 是 初始 查找 到 的 进 点 , 则 此 轮 搜集 结束 ,形成 一 个 
多 边 形 ,将 该 进 点 的 标识 设 为 非 进 点 ,重新 从 下 一 个 进 点 开始 搜集 * / 

morePolyNum =— 1; // 额 外 形成 的 多 边 形 的 数量 , = 0 正在 形成 原初 始 多 边 形 

m point Arrayl. RemoveAll(); 

int indexC; 

CPoint pt0; 

CLine line; 

CInterPoint tPt; 

证 0 

int Hflag= 0; // 是 否 有 进口 的 标识 

while(1) { 

if(m point Array. GetAt(j).flag==1){ 
Hflag= 1; 
// 进 口 ,加 入 顶点 序列 
pt0.x=m point Array.GetAt(j).x; 
pt0O.y=m point Array.GetAt(j).y; 
// 把 该 点 的 进 点 标识 去 掉 
tPt = m point_Array. GetAt(j); 
tPt. flag= 2; 
m point Array. RemoveAt(j); 
m_point_Rrray. InsertAt(j, tpt); 
m_point_Arrayl. Add(pt0); 
while(1) { 
j++t; // 沿 被 裁剪 多 边 形 搜集 多 边 形 顶 点 
if(j>=m point Array.GetSize()) j=0; 
pt0.x=m point Array.GetAt(j).x; 
pt0.y=m point Array.GetAt(j).y; 
m point_Arrayl. Add(pt0); 
// 判 断 是 否 为 出 点 
if(m point Array.GetAt(j).flag==- 1){ 
// 是 出 点 ,在 裁剪 多 边 形 中 查找 位 置 ,并 从 该 位 置 开 始 搜 集 顶 点 
indexC = FindPolylinePt(m new cut point Array,m point Array.GetAt(j)); 
if(indexC!=— 1){ 
int iflag=0; 
while(1){ // 沿 裁 前 多边形 项 点 序列 搜集 
indexC++; 
if(indexC>=m new cut_point Array. GetSize())indexC=0; // 从 初始 点 开始 
pt0.x=m new cut point Array.GetAt(indexC).x; 
pt0.y=m new cut point Array.GetAt(indexC).y; 
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m point Arrayl.Add(pt0); 
// 判 断 是 否 为 进 点 
if(m new cut point Array.GetAt(indexC).flag==1){ 
/* 是 进 点 ,判断 是 否 为 本 次 搜集 的 初始 进 点 ,如 是 , 则 形成 一 个 多 边 形 ; 如 不 是 , 则 返回 被 裁剪 多 边 
形 继续 搜集 * / 
if(pt0.x==m point Arrayl.GetAt(0).x&&pt0.y==m point Arrayl.GetAt(0).y){ 
// 形 成 一 个 封闭 多 边 形 , 记录 该 多 边 形 
if(morePolyNum ==— 1){ 
// 形 成 原初 始 多 边 形 
m PolyLine array. RemoveAll(); 
for(int jj=0;jj<m_ point_Arrayl. GetSize() —1;jj++){ 
line.ptl =m point Arrayl.GetAt(jj); 
line.pt2=m point Arrayl.GetAt(jj+1); 
m PolyLine array. Add(line); 
} 
else { // 另 外 形成 的 多 边 形 
for(int jj=0;jj <m point Arrayl. GetSize() —1;jj++){ 
line.ptl =m point Arrayl.GetAt(jj); 
line. pt2=m point Arrayl.GetAt(jj+1); 
m MorePolyLine[ morePolyNum].m_ PolyLine array Out. Add(line);}} 


morePolyNum++; 
m point_Arrayl. RemoveAll(); 
iflag=-—1; 
break; 
else{ 


// 新 进 点 , 则 查找 新 进 点 在 被 裁剪 多 边 形 的 位 置 
indexC = FindPolylinePt(m point_Array,m new_ cut point Array. GetAt(indexC)); 


iflag=1; 
j= indexC; 
break; 
l 
| 
} 
if(iflag ==1) 
continue; // 被 裁剪 多 边 形 从 j 点 开始 继续 搜集 
else if(iflag==- 1) 
break; // 本 次 多 边 形 已 经 完成 ,重新 从 j 点 开始 搜集 
} 


} 
} 
else if(j==m point Array.GetSize() - 1&&Hflag==1) { 
j=0; // 从 头 开 始 再 判断 是 否 还 有 进口 
Hflag= 0; 
continue; 
} 
else if(j==m point Array.GetSize() - 1&&Hflag == 0) 
break; // 不 再 有 进口 , 则 结束 搜集 


elsef 
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j++; 


continue; 


} 
其 中 ,多 边 形 方向 的 排序 函数 代码 为 : 


/* m_PolyLine_array: 多 边 形 ; ringFlag: 多 边 形 方向 ; m_point_Array: 排序 后 的 顶点 序列 * / 
void SortForPolyline (CArray < CLine, CLine > Sm PolyLine _ array, int ringFlag, CArray 
< CInterPoint, CInterPoint > &m point Array){ 
// 判 断 多 边 形 外 环 是 否 顺 时 针 方向 ,如 不 是 ,把 顶点 序列 改 为 正确 顺序 ,外 环 顺 时 针 , 内 环 道 时 针 
CPolyLine pL; 
pL.m PolyLine array Out. Append(m PolyLine array); 
CLine line; 
CInterPoint intPt; 
if(CheckDirectOfPolyline(pL) == 0) { // 顺 时 针 
if(ringFlag == 0){ // 是 外 环 , 顶点 序列 按 初始 边 的 顺序 排序 
for(int j=0;j<m PolyLine array. GetSize();j++){ 
line =m PolyLine array. GetAt(j); 
intPt. x= line. ptl. x; 
intPt. y= line,. ptl.y; 
m point Array. Add( intPt); 
} 
} 
else { // 是 内 环 ,顶点 序列 按 初始 边 的 反方 向 顺序 排序 
for(int j=m PolyLine array. GetSize()—1;j>=0;j--){ 
line =m PolyLine array. GetAt(j); 
intPt. x= line. pt2.x; 
intPt. y= line. pt2.y; 
m point Array. Add( intPt); 


} 
} 
else{ //>0 多边 形 初始 是 逆 时 针 
if(ringFlag== 0){ 
// 是 外 环 ,顶点 序列 按 初始 边 的 反方 向 顺序 排序 
for(int j=m PolyLine array. GetSize() -1;j>=0;j--) { 
line=m PolyLine array. GetAt(j); 
intPt. x= line. pt2.x; 
intPt. y= line. pt2. y; 
m point Array. Rdd( intPt); 
} 
} 
else { // 是 内 环 ,顶点 序列 按 初始 边 的 顺序 排序 
for(int j=0;j<m PolyLine array.GetSize();j++) { 
line=m PolyLine array. GetAt(j); 
//m_point Array. Add(line. pt1); 
intPt.x= line. ptl.x; 
intPt. y= line. ptl.y; 
m point Array. Add( intPt); 


志 
司 
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} 
} 
m point Array. Add(m point Array.GetAt(0));// 首 尾 相 接 


利用 扫描 线 原理 判断 多 边 形 走向 的 函数 代码 为 : 


int CheckDirectOfPolyline(CPolyLine &polyline){ 
CPoint pt0, ptl,pt t; 
int k=0; 
while(1) { 
pt0 = polyline.m PolyLine array Out.GetAt(k).ptl; 
ptl = polyline.m PolyLine array Out.GetAt(k).pt2; 
if(pt0.y== ptl.y) k++; 
else 
break; // 避 免 水 平 线 
} 
// 随 机 判断 5 次 (最 好 接近 中 部 ), 如 是 ,是 顺 时 针 ; 否 ,是 逆 时 针 
double t; 
int iYesFlag= 0; 
int iNoFlag = 0; 
int iFlag= 0; 


while(1) { 
t= (rand() %100)/100.0; // 产 生 随机 数 
if(t<=0.1||t>0.9) // 避 免 靠近 端点 
continue; 


pt t.x= (int)(pt0.x* (1—t)+tx*ptl.x+0.5); 
pt t.y= (int)(pt0.Yx (1—t)+tx*ptl.y+0.5); 
if(pt0.x<= pt1.x) { // 确 定 一 个 右 侧 点 
if(pt0.Y<=Pptl.Y) { 
Bet .te 
pt t.y-—=1; 
} 
else { 
pt_t.x—=1; 
pt t.y—=1; 


} 
else { 
if(pt0.Y<= ptl.Y) { 
Wt.r ts1 
Et.yt+s 1 
} 
else { 
Bt t: 和 一 
pt t.y+= 1; 
} 
} 
// 判 断 扫描 线 和 边 是 否 相交 ,如 相交 , 求 交点 ,并 排序 


CArray < int, int > m x Array; 
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int m x; // 交 点 
bl 
mx Array. RemoveAll(); 
// 首 先 判断 扫描 线 和 外 环 多 边 形 的 交点 
for(int i=0;i<polyline.m PolyLine array Out.GetSize();i++) { 
// 将 每 条 边 的 最 大 了 值 缩短 一 个 单位 ,判断 是 否 和 扫描 线 相交 ,如 相交 , 求 交点 ,插入 交点 
// 集 并 排序 
if((pt t.y>= polyline.m PolyLine array Out.GetAt(i).ptl.y&g&pt t.y<polyline.m PolyLine_ 
array_Out. GetAt(i).pt2.y)||(pt_t.y>= polyline.m PolyLine array Out.GetAt(i).pt2.y&&pt t.y 
<polyline.m PolyLine array_Out. GetAt(i).ptl.y)){ // 求 交点 
m x= GetInterPtXForScanY(pt_t. y, polyline.m_ PolyLine array Out. GetAt(i).ptl.x,polyline.m_ 
PolyLine array Out.GetAt(i).ptl.y,polyline.m PolyLine array Out.GetAt(i).pt2.x,polyline.m 
_PolyLine array Out. GetAt(i). pt2.y); // 排 序 
OrderToInsertPt x(m x _Array,m x); 
} 
else // 水 平 线 时 ,重新 找 交 点 


continue; 
} 
// 再 判断 扫描 线 和 内 环 多 边 形 的 交点 
CArray < CLine,CLine > m line Array_in; 
for(k= 0;k<polyline. in_num;k++) { 
m_line_Array_in. Append(polyline.m PolyLine array_in[k]); ”// 内 环 多 边 形 
for(i=0;i<m line Array in.GetSize();i++) { 
// 将 每 条 边 的 最 大 了 值 缩短 一 个 单位 ,判断 是 否 和 扫描 线 相 交 , 如 相交 , 求 交 
点 ,插入 交点 集 并 排序 
if((pt_t.y>=m line Array_in.GetAt(i). ptl. y&&pt_t.y<m line_Array_in. GetAt (i). pt2. y)|| 
(pt t.y>=m line Array_in.GetAt(i).pt2.y&&pt t.y<m line Array in.GetAt(i).pt1l.y)) { 
// 求 交点 
m x= GetInterPtXForScanY(pt_t.y,m line_ Array_in. GetAt(i).ptl.x,m line_Array_in. GetAt(i). 
ptl.y,m line Array_in.GetAt(i).pt2.x,m line Array_in. GetAt(i).pt2.y); 
// 排 序 
OrderToInsertPt x(m x Array,m x); 
} 
else// 水 平 线 
continue; 
} 
m line Array_in. RemoveAll(); 
} 
// 判 断 是 否 在 区 间 对 
iFlag= 0; 
for(j=0;j<=m x Array.GetSize()— 2;j++,j++){ 
if(pt t.x>=m x Array.GetAt(j)&&pt t.x<=m x Array.GetAt(j+1)) { 
iYesFlag++; 
iFlag=1; 
break; 


if(iFlag==0) 
iNoFlag++; 

if(iYesFlag> 5) 
break; 
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else if(iNoFlag>5) 


break; 
} 
if(iYesFlag>5) return 0; // 顺 时 针 1 
else return 1; // 递 时 针 


} 


上 述 扫 描 线 法 判断 多 边 形 走 向 的 函数 中 使 用 的 计算 扫描 线 和 边 的 交点 的 函数 
GetInterPtXForScanY() 和 排序 的 函数 OrderTolInsertPt_x() 请 参考 3. 4. 1 节 中 相关 代码 。 
其 中 ,计算 两 个 直线 段 交点 的 函数 代码 如 下 : 


/* 计算 直 线段 pts - pte 和 直线 段 pt0 -pt1 的 交点 InterPt * / 
int InterPtToPt ( CInterPoint &pts, CInterPoint &pte，CInterPoint &pta, CInterPoint &ptb, 
CInterPoint &InterPt){ 
InterPt. parau = (double) ((pta.x- pts.x) * (pte.y— pts.y) - (pta.y— pts.y) * (pte.x- pts. 
x))/(double)( (pte.x— pts.x) * (ptb.y— pta.y) - (pte.y— pts.y ) * (ptb.x— pta. x)); 
InterPt. parav = (double)((pta.x— pts.x) * (ptb.y— pta.y) - (pta.y— pts.y) * (ptb.x- pta. 
x))/(double)( (pte.x— pts.x) * (ptb.y— pta.y) - (pte.y— pts.y ) * (ptb.x— pta. x)); 
if((InterPt. parau> = 0&&InterPt. parau <1)&(InterPt. parav > = 0&&InterPt.parav<1)){ 
// 有 交点 (注意 一 端 是 封闭 的 , 另 一 端 是 开口 的 ) 
InterPt.x= (int)(0.5+ (1- InterPt.parav) * pts.x+ InterPt. parav * pte. x); 
InterPt.Y= (int)(0.5+ (1- InterPt. parav) * pts.y+ InterPt. parav * pte. y); 
return 01; 


else // 没 有 交点 


在 裁 前 多边形 中 插入 交点 的 函数 代码 为 : 


/x* interPt : 交点 ; m_new_cut_point_Array: 裁剪 多 边 形 顶点 序列 ; m_InterPt_Array: 当前 边 上 的 


交点 集合 ,用 于 判断 交点 插入 位 置 * / 
void InsertPtInCutPts( CInterPoint &interPt, CArray < CInterPoint, CInterPoint > &m_new_cut_ 
point_Array, CArray < CInterPoint, CInterPoint > &m_InterPt_Rrray){ 


// 判 断 该 交点 在 裁剪 边 上 添加 的 位 置 
CInterPoint npt; // 交 点 序列 中 的 交点 
int nFlag= 0; // 交 点 参数 判断 标识 符 
if(m Interpt Array.GetSize()>0){ 

nFlag= 0; // 设 置 初始 为 0 


for(int m= 0;m<m InterPt Array. GetSize();m++){ 
nPt =m Interpt Array.GetAt(m); 
if(nPt. parav < interPt. parav) 
continue; 
else { 
// 比 交点 集合 中 的 参数 值 小 , 则 插入 之 前 
m new cut point Array.InsertAt(m new cut point Array.GetSize() ~ m InterPt Array. GetSize() 
+ m, interPt); // 裁 前 多 边 形 项 点 序列 中 加 入 交点 
m InterPpt Array. InsertAt(m, interPt) ; 
nFlag=1; // 设 置 为 1 
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break; 
} 
} 
if(nFlag==0){ // 没 有 插入 , 则 插入 最 后 
m InterPpt Array. Add( interPt); // 交 点 序列 最 后 加 入 


m_ new_cut point Array.Add(interPt);  // 裁 前 多 边 形 顶 点 序列 最 后 加 入 


} 


else { 
m InterPt Array. Add( interPt) ; // 交 点 序列 最 后 加 入 
m new cut point Array. Mdd(interPt); // 裁 前 多 边 形 顶 点 序列 最 后 加 入 交点 


} 
查找 点 在 多 边 形 顶点 序列 位 置 的 函数 代码 如 下 : 


/*m_point_Array: 多 边 形 顶 点 序列 ; InterPt: 查找 位 置 的 顶点 * / 
int FindPolylinePt(CRrray< CInterPoint, CInterPoint > &m point Array,CInterPoint &InterPt){ 
// 在 裁剪 多 边 形 顶 点 序列 查找 点 的 位 置 
int i=-—1; 
int flag= 0; 
CInterPoint pt; 
for(i=0;i<m point Array.GetSize();i++){ 
pt=m point Array.GetAt(i); 
if(pt.x== InterPt.x&&pt.Y== InterPt.Y) { 
flag=1; 
break; 
} 
} 
if(flag==1) 
return i; 
else 
return -1; 
上 
利用 上 述 的 Weiler-Atherton 裁剪 算法 ,针对 任意 形状 的 裁剪 多 边 形 窗口 和 被 裁 前 多 
边 形 均 可 实现 正确 裁剪。 图 4. 2-17 所 示 为 利用 上 述 的 算法 代码 对 任意 多 边 形 裁剪 前 后 的 
填充 效果 ,图 4. 2-18 所 示 为 裁剪 后 会 产生 多 个 多 边 形 的 情况 ,从 图 4. 2-18 中 也 可 以 看 出 
Weiler-Atherton 裁剪 算法 能 够 避免 出 现 退 化 边 的 情况 。 





图 4.2-17 多 边 形 裁剪 图 4.2-18 避免 裁剪 退化 边 现象 
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4.3 圆 裁 前 


4.3.1 圆 裁剪 概述 


圆 裁剪 有 两 种 类 型 : 一 是 圆 作为 裁剪 窗口 去 裁剪 其 他 图 形 ; 二 是 圆 作 为 被 裁剪 图 形 ， 
被 其 他 裁剪 窗口 裁 前 。 在 第 一 种 圆 裁剪 类 型 中 , 圆 作为 裁剪 窗口 ,对 其 他 图 形 进 行 裁剪 , 仅 
保留 圆 形 内 部 的 部 分 ,其 他 部 分 都 被 裁剪 掉 。 第 二 种 圆 裁剪 类 型 是 指 一 个 整 圆 或 者 一 段 贺 
弧 被 指定 的 一 个 裁剪 窗口 进行 裁剪 ,裁剪 后 只 保留 窗口 内 部 的 圆 弧 部 分 ,窗口 外 的 圆 弧 部 分 
被 裁剪 掉 。 两 种 类 型 的 圆 裁 前 在 工程 上 都 有 实用 价值 。 

在 圆 裁剪 中 ,为 了 使 算法 能 够 实现 ,有 时 也 需要 类 似 多 边 形 方向 的 设 定 方式 ,对 圆 按照 
顺 时 针 或 者 逆 时 针 走 向 进行 标识 ,把 顺 时 针 方向 设 为 圆 的 正 向 , 逆 时 针 方向 作为 负 向 ; 反之 
也 可 以 。 
圆 作 为 被 裁 前 对象 被 窗口 进行 裁剪 后 ,结果 将 不 再 是 整 圆 ,而 是 圆 弧 段 。 圆 弧 段 是 圆 的 
一 部 分 ,也 可 以 被 窗口 裁剪 ,因此 , 圆 裁 前 不 仅 限于 整 圆 被 裁剪 ,一 段 圆 弧 也 可 以 被 裁剪 。 





4.3.2 圆 形 窗口 的 线段 裁剪 


圆 形 窗 口 的 线段 裁 前 是 指 圆 作为 裁剪 窗口 裁剪 线段 ,只 保留 圆 内 部 的 线段 部 分 。 圆 和 
线段 的 位 置 关系 有 以 下 四 种 情况 ,如 图 4. 3-1 所 示 。 
(1) 相 离 一 一 线段 在 圆 的 外 部 ,彼此 不 相交 ,例如 图 1 


中 线段 1 。 
(2) 相 切 一 一 线段 和 圆 相 切 , 有 一 个 切 点 ,例如 图 中 Va 
线段 2。 2 
(3) 包含 一 一 线段 两 个 端点 均 在 圆 内 部 ,线段 和 圆 也 —> 4 


彼此 不 相交 ,例如 图 中 线段 3。 

(4) 相交 一 线段 和 圆 有 两 个 交点 ,例如 图 中 线 ”图 4 .31 线段 和 加 的 位 置 关系 
有 段 4。 

为 了 实现 圆 窗口 对 线段 的 裁剪 ,需要 判断 线段 和 圆 的 位 置 关 系 。 线 段 和 圆 的 位 置 关系 
可 以 通过 计算 圆心 到 线段 的 垂直 距离 .并 与 圆 的 半径 进行 比较 来 确定 。 如 果 圆心 到 线段 的 
距离 大 于 圆 的 半径 , 则 线段 和 圆 处 于 相 离 情况 ， 其 距离 等 于 半径 时 , 则 线段 和 圆 处 于 相 切 情 
况 。 这 两 种 情况 下 ,线段 都 在 圆 窗口 的 外 部 , 整 条 线段 都 被 裁剪 掉 。 当 圆心 到 线段 的 距离 小 
于 圆 的 半径 时 ,再 进一步 判断 线段 和 圆 的 位 置 关 系 ,如 果 线 段 两 个 端点 到 圆心 的 距离 均 小 于 
圆 的 半径 ,端点 都 在 圆 的 内 部 , 则 线段 和 圆 是 包含 关系 ,线段 在 圆 内 , 圆 裁剪 时 ,整个 线段 都 
保留 。 其 余 情况 下 线段 和 国 是 相交 关系 ,需要 计算 线段 和 国 的 交点 , 当 交点 在 线段 两 个 端点 
之 间 , 而 不 是 在 线段 延长 线 上 时 ,是 有 效 交点 。 这 时 ,交点 将 线段 分 成 几 部 分 , 需 判断 哪 一 部 
分 线段 在 圆 内 部 ,并 保留 圆 内 的 线段 部 分 。 当 线段 的 两 个 端点 到 圆心 的 距离 都 大 于 圆 的 半 
径 时 ,两 个 端点 都 在 圆 的 外 部 ,两 个 交点 之 间 的 线段 部 分 在 圆 的 内 部 , 则 保留 两 个 交点 之 间 
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的 线段 部 分 。 如 果 线 段 与 圆 只 有 一 个 有 效 交 点 , 则 保留 该 交点 与 线段 在 圆 内 的 端点 之 间 的 
这 一 部 分 线段 。 

上 述 的 圆 窗口 线段 裁剪 思路 中 ,需要 计算 圆心 到 线段 的 距离 以 及 线段 与 圆 的 交点 。 设 
线段 PoP, 的 两 个 端点 分 别 为 PuCzo ,yo),Pi(Czi,y), 圆 的 半径 是 尺 , 圆 心 为 P.(zx,,y.)。 线 
段 的 隐 式 方程 为 ax 十 by 十 c= 二 0( 式 中 ,a 二 yo 一 1,6 二 zz 一 Zo;C 二 Xo 一 Tyo) ,圆心 PCzy) 
到 直线 的 垂直 距离 为 




















如 果 4 三 R, 则 线段 在 裁剪 窗口 外 ,裁剪 时 ,整个 线段 都 被 裁剪 掉 。 
在 计算 线段 和 圆 的 交点 时 ,将 线段 Pu P, 所 在 直线 的 参数 方程 
f 一 (1 一 加 zo 十 女 ! 





3 一 (1 一 1)yo 十 1 
代入 圆 的 方程 (z 一 ze) 十 (> 一 yc) 一 R: 中 ,得 
[Q—pDzrottr—zf +L —Dyt+ty — y= R’ 
整理 为 
[Cai — zo Cy Oo— yo) J m2 Lx — zo) zx — To) (yi CO— yo) yc CO— yo) jt 
(zie— zo) t+(y—y) CO—R =0 


令 




















A 一 (zi 一 zo) 十 (yi 一 yo)， 盏 一 2[(zi 一 zo)(zc 一 zo) 十 (一 yo)(Cye 一 yo)] 
C 王 (zs 一 zo)2 十 (ye 一 yo)2 一 尽 2 
则 上 式 简 化 为 一 元 二 次 方程 








At’*—Bii+C=0 
求解 该 方程 ,得 
B+ VB:—4AC 
2A 

根据 交点 的 参数 值 1, 即 可 计算 出 线段 和 圆 的 交点 。 

实际 上 ,单独 利用 上 述 的 线段 和 圆 联 立 的 一 元 二 次 方程 也 可 以 判断 圆 与 直线 的 位 置 ,并 
实现 圆 形 窗口 对 线段 的 裁剪 。 

令 A=B’ 一 4AC。 

当 A<0 时 ,方程 无 解 , 即 直线 和 圆 没有 交点 ,线段 和 圆 是 相 离 的 情况 。 

当 A==0 时 ,方程 只 有 一 个 解 , 即 直 线 和 圆 只 有 一 个 交点 ,线段 和 圆 是 相 切 的 情况 。 

当 A>0 时 ,方程 的 两 个 解 ti 、ts 的 情况 : 

当 ,ts 记 1 或 者 ,ts 一 0 时 ,说 明 两 个 交点 都 在 线段 的 延长 线 上 ,那么 线段 和 圆 是 包含 
的 情况 。 

当 0< ,ts 二 1 时 ,两 个 交点 都 在 线段 的 两 个 端点 之 间 , 两 个 交点 之 间 的 线段 部 分 在 圆 
的 内 部 。 

当 和 所 中 一 个 在 [0,1] 区 间 、 一 个 不 在 [0,1] 区 间 时 ,参数 值 上 在 [0,1] 区 间 的 交点 和 
端点 距离 圆心 最 近 的 那 部 分 线段 在 圆 内 部 。 


t= 
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通过 上 述 一 元 二 次 方程 的 求解 方法 ,也 可 以 实现 圆 窗口 对 线段 的 裁剪 。 由 于 平方 根 的 
计算 比较 耗 时 ,在 算法 中 应 尽量 减少 求 平方 根 的 次 数 。 上 述 在 判断 线段 和 圆 是 包含 关系 时 ， 
可 以 利用 线段 两 个 端点 到 圆心 距离 的 平方 与 半径 的 平方 进行 比较 ,不 必用 参数 值 六 、t 
判断 。 


4.3.3 任意 多 边 形 窗口 对 圆 的 裁剪 


圆 裁剪 的 第 二 种 类 型 是 任意 形状 的 多 边 形 作为 裁剪 窗口 ,对 一 个 整 圆 或 者 一 个 圆 弧 段 
进行 裁剪 ,将 圆 在 多 边 形 区 域外 边 的 部 分 剪 掉 , 只 保留 多 边 形 内 部 的 圆 弧 部 分 。 任 意 形状 的 
多 边 形 窗口 对 圆 的 裁剪 方法 也 适用 于 和 矩形 窗口 的 圆 裁剪 ,因此 具有 一 定 的 通用 性 。 

多 边 形 裁剪 窗口 和 圆 弧 的 位 置 关 系 也 有 整个 圆 弧 在 窗口 外 、 整 个 圆 弧 在 窗口 内 以 及 部 
分 圆 弧 在 窗口 内 等 多 种 情况 。 当 整个 圆 都 在 多 边 形 裁剪 窗口 外 部 时 ,整个 圆 都 被 裁剪 掉 ; 
当 整 个 圆 都 在 多 边 形 裁剪 窗口 内 部 时 ,整个 圆 都 保留 ; 当 圆 和 多 边 形 窗口 的 边 相 交 时 ,需要 
求 交点 ,并 判断 多 边 形 内 部 的 圆 弧 部 分 ,再 进行 裁剪 。 

多 边 形 对 圆 的 裁剪 和 多 边 形 对 多 边 形 的 裁剪 非常 类 似 , 都 是 保留 裁剪 窗口 内 部 的 部 分 ， 
将 裁剪 窗口 外 边 的 形状 裁剪 掉 ， 不 同 之 处 是 对 多 边 形 裁剪 后 ,如 果 被 裁剪 多 边 形 不 再 封闭 ， 
需要 将 裁剪 窗口 的 部 分 边界 加 入 被 裁剪 多 边 形 中 ,使 多 边 形 裁剪 后 仍然 是 封闭 的 形状 ,而 对 
圆 裁 前 后 ,成 为 圆 弧 段 即 可 。 

假想 圆 是 一 个 由 0" 一 360" 的 圆 弧 构成 的 “多 边 形 ”, 那 么 多 边 形 裁剪 窗口 的 圆 裁剪 就 可 
看 作 是 多 边 形 对 这 个 特殊 “多 边 形 ” 的 裁剪 ,前 述 的 多 边 形 裁剪 理论 和 算法 即 可 应 用 于 多 边 
形 窗 口 对 圆 的 裁 前 。 在 多 边 形 裁剪 方法 中 ,Weiler-Atherton 裁剪 算法 是 一 种 非常 有 效 的 任 
意 形状 多 边 形 裁剪 解决 方案 ,利用 Weiler-Atherton 裁剪 算法 的 思路 也 可 以 实现 任意 形状 
多 边 形 窗口 对 圆 的 裁剪 。 

图 4. 3-2 所 示 为 多 边 形 裁 剪 圆 的 情况 ,根据 Weiler-Atherton 裁剪 算法 的 理论 ,多 边 形 
与 圆 的 交点 有 进入 多 边 形 内 部 的 进 点 和 离开 多 边 形 内 部 的 出 点 
两 种 类 型 ,将 交点 插入 两 个 多 边 形 的 顶点 序列 中 ,按照 多 边 形 的 
方向 ,顺序 利用 进 点 和 出 点 特性 ,在 两 个 多 边 形 顶 点 序列 中 交替 
记录 在 裁剪 多 边 形 内 部 的 顶点 ,所 得 结果 即 为 裁剪 后 的 多 边 形 项 
点 序列 。 在 对 圆 裁剪 时 ,裁剪 后 的 圆 弧 段 无 须 封 闭 , 裁 前 后 的 项 
点 序列 中 不 用 记录 多 边 形 的 顶点 ,顶点 均 为 贺 上 的 交点 ,这 样 ,只 
需 将 交点 在 圆 方向 上 顺序 排序 , 相 邻 的 进 点 和 出 点 之 间 的 圆 弧 段 ”图 4.3-2 ”多边形 裁剪 加 
即 为 裁剪 多 边 形 内 部 的 圆 弧 段 。 在 图 4. 3-2 中 ,设置 多 边 形 的 方 
向 为 顺 时 针 , 圆 为 逆 时 针 , 顺 序 计算 多 边 形 与 圆 的 交点 得 Io、 、Ts、L、\Is 其 中 
为 进 点 , 卫 、T3、\Is 为 出 点 。 将 交点 按 圆 的 方向 即 逆 时 针 方 向 排序 ,交点 顺序 为 J、 、To、Ts、 
I 、1; ,依次 获得 相 邻 的 进出 点 圆 弧 段 1 一 卫 、1 一 I、14 一 1;, 它 们 在 多 边 形 内 部 ,裁剪 后 
保留 。 

实现 上 述 算法 有 两 个 关键 点 : 一 是 计算 多 边 形 的 边 与 圆 的 交点 ,并 判断 交点 是 进 点 还 
i; 二 是 交点 在 圆 上 正确 排序 。 

在 计算 多 边 形 的 边 与 圆 的 交点 以 及 判断 交点 是 进 点 还 是 出 点 时 ,首先 要 分 析 边 与 圆 的 














是 出 点 
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位 置 关系 ,根据 4. 3. 2 节 * 圆 形 窗 口 的 线段 裁剪 ”的 相关 内 容 , 利 用 边 所 在 线段 的 参数 方程 与 
圆 方程 联合 的 一 元 二 次 方程 来 判断 交点 情况 。 当 有 交点 时 ,可 以 利用 交点 在 线段 上 的 参数 
值 t 的 大 小 来 判断 该 交点 是 进 点 还 是 出 点 。 

设 线段 PoP 是 多 边 形 的 一 条 边 ,两 个 端点 分 别 为 Pu (ze ,yo) ,Pi(zi,y1), 边 的 方向 是 
由 Po 指向 Pi ,该 边 所 在 直线 的 参数 方程 为 


全 三 (1 一 zw 十 开 1 








y= (1—D)ytiyi 

当 参 数值 :-E [0,1] 时 ,点 在 直线 上 的 P。 和 P 之 间 , 即 在 多 边 形 的 边 上 ; 当 1<0 时 ,点 

在 直线 上 靠近 Pu 的 延长 线 上 ; 当 达 1 时 ,点 在 直线 上 靠近 Pi 的 延长 线 上 。 那 么 ,对 于 多 

边 形 的 边 来 说 ,如 已 知 边 所 在 直线 上 一 个 点 的 参数 值 上: 的 大 小 , 则 该 点 在 边 上 的 位 置 也 可 以 
确定 下 来 。 

户 设 圆 的 半径 是 尺 ,圆心 为 P(x,,y.), 道 时 针 方 向 。 计 算 

圆 与 上 述 多 边 形 边 Pu P, 所 在 直线 的 交点 ,如 相交 , 记 交 点 为 

To 和 五, 如 图 4.3-3 所 示 。 设 两 个 交点 在 直线 的 参数 方程 中 

对 应 的 参数 值 分 别 为 t。 入 ,分 析 图 4. 3-3 中 的 交点 ,直线 

的 方向 是 由 Po 指向 Pi , 则 沿 着 直线 走向 的 右 侧 是 所 对 应 的 

多 边 形 的 内 部 方向 , 当 圆 是 着 时 针 方 向 时 , 圆 在 交点 1。 处 进 


Po 和 人 多边形 内 部 ,1 为 进 点 ,在 交点 I 处 离开 多 边 形 , 厂 为 出 
占 这 由 0 1 对 WY ES 1 0 的 \ 天 系 
加 入 太 前 交 信 家 六 站 总 这 时 I 了。 和 了 sp 和 的 大 小 关系 是 


在 直线 和 圆 的 方向 都 是 上 述 设 定 的 情况 下 ,无 论 直线 和 圆 的 相对 位 置 如 何 改变 , 这 种 进 
点 和 出 点 的 参数 值 的 大 小 关系 均 不 会 发 生 改 变 。 那 么 ,通过 比较 两 个 交点 在 直线 上 的 参数 
值 大 小 ,就 可 以 判断 哪个 交点 是 进 点 或 出 点 。 

需要 注意 的 是 ,这 里 的 交点 是 指 多 边 形 边 所 在 直线 与 圆 的 交点 ,并 不 一 定 是 多 边 形 边 与 
圆 的 交点 ,交点 可 能 在 多 边 形 边 上 也 可 能 在 边 延 长 线 上 。 当 交点 在 边 上 时 , 称 为 实 交点 ; 当 
交点 在 边 延 长 线 上 时 , 称 为 虚 交 点 。 当 多 边 形 的 边 与 圆 没有 实 交 点 时 ,不 用 计算 参数 值 。 只 
有 在 有 实 交 点 的 情况 下 , 才 计 算 两 个 交点 的 参数 值 , 并 比较 大 小 ,判断 实 交点 是 进 点 还 是 出 
点 。 判 断 多 边 形 边 和 圆 是 否 有 实 交点 可 参考 4. 3. 2 节 * 圆 形 窗口 的 线段 裁剪 "的 相关 内 容 。 

计算 出 多 边 形 与 圆 的 交点 后 ,还 需要 在 圆周 方向 上 对 交点 进行 
正确 排序 ,从 而 依次 获得 进出 点 圆 弧 段 。 交 点 在 圆周 方向 排序 时 ， 
不 用 通过 计算 和 比较 每 个 交点 到 圆心 的 圆 弧 角 排序 , 当 交 点 坐标 值 
y 宇 0 时 , 按 每 个 交点 到 圆 上 点 (R,0) 的 距离 (或 者 距离 的 平方 ) 排 
序 ; 当 交 点 坐标 值 y 二 0 时 ,按照 距离 的 反 向 排序 ,或 者 按 交点 到 圆 
上 点 (一 R,0) 的 距离 (或 者 距离 的 平方 ) 排 序 , 如 图 4. 3-4 所 示 。 

上 述 任 意 多 边 形 作 为 窗口 对 圆 进行 裁剪 的 代码 如 下 : 





图 4.3-4 圆周 方向 排序 


TE 
ArcClipping: 任意 多 边 形 对 圆 的 裁剪 函数 
cr: 圆 ; m_CutPolyLine_array: 任意 裁剪 多 边 形 ; m_arc_arrayl: 裁剪 后 的 圆 弧 段 集合 


尖 关 关 关 关 关 关 关 源源 关 尖 关 尖 尖 关 关 半 关 半 半 关 关 关 关 次 尖 尖 尖 尖 关 半 半 关 关 关 半 区 关 关 尖 闪闪 尖 尖 尖 半 关 关 关 关 关 关 关 关 关 尖 尖 尖 尖 关 类 类 关 关 / 
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void ArcClipping(CCircleg cr, CArray < CLine, CLine > gm CutPolyLine array, CArray < CCircle, 
CCircle> gm arc arrayl) { 
CArray < CInterPoint, CInterPoint > m circle point Array,m cut_point Array; // 加 入 交点 
// 后 的 圆 弧 交点 序列 和 排序 后 裁剪 多 边 形 序列 
//1. 设 置 裁剪 多 边 形 方向 ( 顺 时 针 ) 
SortForPolyline(m CutPolyLine array,0,m cut point Array); 
//2. 逐 边 和 圆 求 交点 ,交点 设置 为 进 点 或 者 出 点 ,并 插入 圆 弧 交点 序列 中 
CInterPoint ptA, ptB, pt_0,pt 1, interPpt; 
CArray < CInterPoint,CInterPoint > m_InterPt_Array; ”// 记 录 当 前 边 相 交点 的 集合 
int pFlag=1; // 记 录 贺 和 多 边 形 的 位 置 关系 ,0: 有 交点 ,1: 内 部 ,2: 外 部 ,默认 在 内 部 
int pFlagtmp= 1; 
for(int j=0;j<m cut point Array.GetSize()—1;j++){ 
ptA=m cut point Array.GetAt(j); 
ptB=m cut point Array.GetAt(j+1); 
// 判 断 线段 ptA - ptB 和 圆 是 否 有 交点 , 如 有 交点 ,有 有 几 个 , 按 t 大 小 排序 
pFlagtmp = GetInterPt(ptA, ptB, cr,m InterPt_Array); // 计 算 交 点 
if(pFlagtmp== 0){ 
while(m_InterPt_Rrray. GetSize()> 0){ 
pt_0=m InterPt Array. GetAt(0); 
// 圆 周 上 点 逆 时 针 排序 
OrderToCirclePt(m circle point Array,pt _0,cr.Opt,cr.rLength); 
m_InterPt_Rrray. RemoveAt(0); 
} 
pFlag = pFlagtmp; 
} 
} 
if(pFlag == 0){ // 有 交点 ,顺序 取出 进 点 和 出 点 ,构成 圆 弧 段 
CCircle cr_New; 
cr_New. Opt = cr. Opt; 
cr_New. rLength = cr. rLength; 
cr_New. Type= 1; // 圆 弧 
int i=0; 
int pt_flag= 0; 
int stopFlag = 0; // 是 否 停止 的 标识 符 
while(1){ 
if(i<m circle point Array.GetSize()){ 
pt_1=m circle point Array.GetAt(i); 


if(pt_1.flag==0) // 非 进 点 /出 点 
ED 

else { 
if(pt_1.flag==1){ // 进 点 


Cr_New. Ept.x= pt_1.x; 
cr_New.Ept.y= pt 1.y; 


pt_flag=1; 
Wi 
continue; // 查 找 对 应 的 出 点 
} 
else if(pt 1.flag==-1){ // 出 点 
if(pt_flag==1){ // 进 点 已 经 找到 , 则 输出 


cr_New.Spt.x=pt 1.x; 
cr_New.Spt.y= pt 1.y; 
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m arc arrayl. Add(cr_New); // 输 出 
// 开 始 查询 下 一 个 弧 段 
if(stopFlag == 1) 


break; // 从 头 又 开始 搜索 ,找到 了 出 点 后 , 则 停止 
else{ 
pt flag= 0; 
14+; 
continue; 
} 
} 
else{ 
Wtty 
continue; 
} 
} 
} 
} 
else { 
if(pt_flag==1){ // 有 进 点 ,需要 找 出 点 , 从头 再 开始 查找 
i=0; 
stopFlag= 1; // 需 要 找 出 点 
continue; 
’ 
else 
break; // 不 再 有 进 点 , 则 停止 
} 
下 
} 
else if(pFlag==1){ 
m arc arrayl. Add(cr); // 圆 在 多 边 形 内 部 ,保留 ,输出 
} 
else // 圆 在 多 边 形 外 部 直接 返回 ,表示 裁剪 掉 


return ; 


} 


代码 中 的 交点 类 结构 CInterPoint 和 和 多边形 方向 排序 函数 SortForPolyline() 在 4. 2.3 
节 “ 任 意 形状 多 边 形 的 裁剪 ”中 已 经 列 出 ,本 处 不 再 重复 。 判 断 多 边 形 边 和 圆 的 位 置 关 系 以 
及 交点 个 数 和 交点 是 进 点 还 是 出 点 的 函数 代码 如 下 : 


/ * ptA: 线段 首 点 ; ptB: 线段 末 点 ; cr: 圆 ; m_InterPt_Array: 交点 集合 ; 返回 值 : 1 表示 圆 在 该 线 
段 的 内 部 ,2 表示 圆 在 该 线段 的 外 部 ,0 表示 圆 和 线段 有 交点 * / 
int GetInterPt ( CInterPoint &ptR， CInterPoint &ptB， CCircle& cr, CArray < CInterPoint, 
CInterPoint > gm_InterPt Array){ 

m InterPt Array. RemoveAll(); // 清 空当 前 裁剪 边 的 交点 序列 

double A= (double) (ptB. x— ptA. x) * (ptB.x— ptA.x) + (ptB.y— ptA.y) * (ptB.Y- ptA. y); 

double B= 2* ((double) (ptB.x— ptA.x) * (cr. Opt. x— ptA. x) + (ptB.y— ptA. y) * (cr.Opt.y— 
ptA. y)); 

double C= (double) (cr. Opt.x— ptA.x) * (cr. Opt. x— ptA. x) + (cr. Opt.y— ptA.y) * (cr. Opt. 
Y- ptA.y) - cr.rLength* cr. rLength; 

double Delta=Bx*xB- 4x*xAx*C; 
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//1. 判 断 是 否 没有 交点 
if(Delta<=0) // 直 线 与 圆 相 离 或 者 相 切 ,没有 交点 
return 1; // 返 回 1 表示 圆 在 该 线段 的 内 部 
//2. 判 断 是 否 圆 包 含 线段 ,判断 两 个 端点 到 圆心 的 距离 和 半径 大 小 
double MO = (double) (ptA. x— cr. Opt.x) * (ptA.x— cr.Opt.x) + (ptA.y— cr.Opt.Y) * (ptA.y— cr. Opt. y); 
double BO = (ptB.x— cr. Opt. x) * (ptB.x— cr. Opt. x) + (ptB.y— cr.Opt.y) * (ptB.y— cr. Opt. y); 
if(AO<= cr.rLength * cr.rLength&&BO < cr. rLength* cr. rLength) 
return 2; // 返 回 2 表示 圆 在 该 线段 的 外 部 
// 有 交点 , 则 计算 上 值 
double t1, t2; 
double DltaRoot = sqrt(Delta); 
tl = (B- DltaRoot)/(2* A); 
t2 = (B+ DltaRoot)/(2* A); 
// 因 为 tt<t2, 所 以 tl 是 进 点 1't2 是 出 点 -1 
CInterPoint pt0; 
诗 (tL>=0&g&gtl<=1) { // 进 点 
pt0.x= (int)((1—t1) * ptA.x+tl* ptB,x+0.5); 
pt0.Y= (int)((1—t1)* ptA.y+tlx ptB.y+0.5); 
pt0. flag=1; // 进 点 
m InterPt Array. Add(pt0); 
} 
if(t2>=0ggt2<=1) { // 出 点 
pt0.x= (int)((1 一 t2) * ptA.x+t2* ptB.x+0.5); 
pt0.Y= (int)((1 一 t2) * ptA.y+t2* ptB.y+0.5); 
pt0, flag =- 1; // 出 点 
m InterPt Array. Add(pt0); 
} 
return 0; // 返 回 0 表示 圆 和 线段 相交 
| 


在 圆周 上 交点 按 逆 时 针 方向 的 排序 函数 代码 如 下 : 


/x*m_Pt_Array: 交点 集合 ; m_Pt: 带 排序 的 交点 ; cPt: 圆心 ; R: 半径 */ 
void OrderToCirclePt (CArray < CInterPoint, CInterPoint > & m_Pt_Array, CInterPoint& m_Pt, 
CPoint cPt, int R){ 
int x yi yi 
double L, Li; 
x=m Pt.x— cPt.x; 
Y=._Pt.y~ cpt. y; 
if(y>0) 
L= (x=B*{(s— B+ 
else 
L= (x+R)* (x+R)+yxy; 
for(int i=0;i<m Pt Array.GetSize();i++){ 
xi=m Pt Array.GetAt(i).x— cPt.x; 
yi=m Pt Array.GetAt(i).y- cPt.y; 
if(yx yi>=0){ 
if(yi>0) 
Li= (xi—R)* (xi—R)+yixyi; 
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else 
Li= (xi+R)* (xi+R)+yixyi; 

if(L<Li){ // 插 入 ,返回 
m Pt Array.InsertAt(i,m Pt); 
return; } 


} 


else { 
if(y> 0){ // 插 入 ,返回 
m Pt Array. InsertAt(i,m Pt); 
return; 
} 
} 
} 
m Pt _Array. Add(m_Pt); // 交 点 值 大 , 则 加 入 尾部 


] 


如 图 4. 3-5 所 示 为 一 个 任意 多 边 形 和 一 个 裁剪 圆 以 及 利用 上 述 代码 对 多 边 形 进行 裁剪 
后 的 效果 。 





图 4.3-5 ”任意 多 边 形 窗口 的 圆 裁剪 


4.4 字符 裁 前 


字符 也 是 图 形 的 一 种 , 它 在 输出 过 程 中 同样 需要 裁剪 , 当 字 符 和 文本 部 分 在 窗口 内 、 部 
分 在 窗口 外 时 ,就 需要 将 窗口 外 的 部 分 裁剪 掉 。 根 据 字符 的 生成 及 存储 方式 和 具体 应 用 要 
求 ,字符 的 裁剪 分 为 三 种 方式 。 

1. 基于 字符 串 精度 裁剪 

采用 字符 串 方式 裁 前 时 ,将 包围 字符 串 的 外 接 和 矩形 对 窗口 做 裁剪 , 当 字符 串 的 外 接 矩 形 
整个 在 窗口 内 时 ,予以 显示 ,否则 不 显示 ,如 图 4.4-1(a)、(b) 所 示 。 





{STRING | ING RING 






































STRING?| ETRING?| STRING2 STRING2| 





























(a) 带 裁剪 字符 申 。。 (b) 字符 申 精度 裁剪 ”(c) 字符 精度 裁剪 (d) 像素 精度 裁剪 
图 4.4-1 字符 裁剪 
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2. 基于 字符 精度 裁剪 

采用 字符 方式 裁剪 时 ,将 包围 字符 的 外 接 和 矩形 对 窗口 做 裁剪 ,如 某 个 字符 的 外 接 和 矩形 整 
个 落 在 窗口 内 ,予以 显示 ,否则 不 显示 ,如 图 4.4-1(c) 所 示 。 

3. 基于 笔画 /像素 精度 的 裁剪 

对 于 点 阵 字 符 ,构成 字符 的 最 小 元 素 为 像素 ,此 时 字符 的 裁剪 转化 为 点 裁剪 。 对 于 
矢量 字符 ,构成 字符 的 最 小 元 素 是 直线 段 (笔画 ) ,这 样 字符 的 裁剪 就 转化 为 直线 的 裁剪， 
如 图 4. 4-1(d) 所 示 。 








对 于 计算 机 生成 的 图 形 , 有 时 为 了 获得 更 好 的 观察 效果 ,需要 将 其 旋转 不 同 的 角度 、 方 
向 或 者 移动 到 指定 的 位 置 再 在 屏幕 上 显示 ,这 些 操 作 都 称 为 图 形变 换 。 

图 形变 换 是 计算 机 图 形 学 的 数学 基础 之 一 ,是 计算 机 图 形 学 中 一 个 重要 概念 和 理论 ,也 
是 CAD 系统 必 不 可 少 的 核心 功能 。 在 面向 各 种 CAD 的 应 用 中 ,设计 者 从 构图 到 观察 和 分 
析 所 设计 的 结果 常常 需要 各 种 图 形变 换 , 图 形变 换 也 是 实现 动画 仿真 、 构 造 虚拟 现实 的 基 
础 。 图 形变 换 有 对 二 维 图 形 的 几何 变换 和 对 三 维 形体 的 几何 变换 两 种 类 型 ,由 于 显示 屏幕 
只 能 显示 二 维 图 形 , 因 此 对 三 维 形体 需要 投影 到 显示 屏幕 上 才能 显示 , 即 投 影 变 换 。 各 种 图 
形 处 理 过 程 都 是 通过 相应 的 几何 变换 或 投影 变换 来 实现 的 。 通 过 图 形变 换 , 可 由 简单 图 形 生 
成 复杂 图 形 , 可 用 二 维 图 形 表示 三 维 形体 ,甚至 可 对 静态 图 形 经 过 快速 变换 而 获得 图 形 的 动态 
显示 效果 。 在 实现 图 形变 换 时 ,不 可 避免 地 会 使 用 交互 技术 实现 图 形 拾取 、 对 象 捕捉 及 常用 的 
鼠标 操作 等 ,所 以 ,本 章 对 图 形 交互 技术 也 进行 了 一 定 的 研究 和 算法 实现 。 由 于 三 维 变换 主要 
是 针对 三 维 形体 的 操作 ,所 以 ,本 章 对 三 维 形体 的 线 框 造型 方法 做 了 部 分 论述 。 在 实现 各 种 图 
形变 换 的 过 程 中 ,矩阵 运算 是 最 基本 的 数学 基础 ,本 章 首先 对 相关 数学 知识 作 一 简单 回顾 。 

















5.1 图 形变 换 的 数学 基础 


5.1.1 矢量 的 定义 及 运算 


矢量 是 一 有 向 线段 ,具有 方向 和 大 小 两 个 参数 , 设 有 两 个 矢量 Wi (zyyyx),yas(za， 
yzz)。 相 关 矢 量 运算 公式 如 下 。 
(1) 矢量 的 长 度 : 
v= VE THT 
(2) 数 乘 矢 量 : 
aVi = (azrlyaylyaxzl) 
(3) 两 个 矢量 之 和 ,方向 如 图 5. 1-1 所 示 : 
Vi 十 Vz 一 (ziyyiyzi) 十 (zyyzyz2) 
= (zl 十 zzyyl 十 yzyzl 十 zz) 
(4) 两 个 矢量 的 点 积 : 
图 $.1-1 矢量 之 和 Wi Vs = [Vi | 。 | | cos0 = TiTs 十 yiy2 + ziz2 
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其 中 ,0 为 两 个 矢量 之 间 的 夹 角 。 所 X 太 
(5) 两 个 矢量 的 又 积 : 
i 六 
ViXVs=|Zz yy 司 
TX2 ya zz 9 
(yiza — Tiy2 TiT2 一 Tiz2yZlyz 一 yIZ2) 加 








个 矢 加 ~ 示 
两 个 矢量 又 积 的 方向 如 图 5.1-2 所 示 。 ee 


5.1.2 和 矩阵 的 定义 及 运算 


设 有 一 个 行 n 列 和 矩阵 A: 


QI dz lln 

Q21 dz22 2n 
Anxn 一 

Um dm2 pm 


其 中 ,(aa az … aa) 为 第 i 个 行 向 量 , (ou as，… amw)" 为 第 j 个 列 向 量 ,a; 为 第 i 
行 第 j 列 元 素 。 相 关 和 矩阵 运算 公式 如 下 。 
(1) 矩阵 的 加 法 
设 两 个 矩阵 4 和 B 都 是 m Xn 的 ,把 它们 对 应 位 置 的 元 素 相 加 而 得 到 的 矩阵 叫 作 A、B 
的 和 , 记 为 4 十 B。 只 有 两 个 矩阵 的 行 数 和 列 数 都 相同 时 才能 相 加 。 
ai 十 pb awtos abn 


aatba az 十 bz … az 十 bz 











on ti wa “ i 
(2) 数 乘 矩 阵 
用 数 乘 矩阵 A 的 每 一 个 元 素 而 得 的 矩阵 叫 作 与 4 之 积 , 记 为 kA : 
[Ran ka … An 
kaz kazs … kazn 





[kanm An … kam 
(3) 矩阵 的 乘法 
只 有 当前 一 矩阵 的 列 数 等 于 后 一 矩阵 的 行 数 时 两 个 矩阵 才能 相 乘 , 即 
Cnn 一 AnxpB pxn 
p 
和 矩阵 C 中 的 每 一 个 元 素 Ci 一 》)axbs。 
例如 , 设 4 为 2X3 的 矩阵 ,B 为 3X2 的 矩阵 . 则 两 者 的 乘积 为 
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bu bz 
CQ QI2 a 

C= 4AB= | | bz Do 
ld21l ld22 Ud23 

















ba bsz 
ri 二 aba tT arnba anb tabz | 
aabn 十 azzba tasba azbiz tt az2b2s + az3bsz 





(4) 单位 矩阵 
一 个 nXn 的 矩阵 ,如 果 它 的 对 角 线 上 的 各 个 元 素 均 为 1 ,其余 元 素 都 为 0, 则 该 矩阵 称 
为 单位 矩阵 , 记 为 五 。 对 于 任意 mXn 的 和 矩阵 恒 有 
AT = Arxns TnAnxn = Anxn 
(5) 矩阵 的 转 置 
交换 一 个 矩阵 A,x, 所 有 的 行列 元 素 ,那么 所 得 到 的 nXm 矩阵 被 称 为 诛 有 和 抢 阵 的 转 置 ， 
记 为 A: 


we wil ts 

(6) 矩阵 的 道 

对 于 一 个 nXn 的 方 阵 A ,如 果 存 在 一 个 nXn 的 方 阵 B ,使 得 4B 二 BA 二 1,, 则 称 B 是 A 
的 道 , 记 为 B= 二 A™'! ,A 则 被 称 为 非 奇异 和 矩阵。 矩阵 的 逆 是 相互 的 ,4 同样 也 可 记 为 4 一 B-， 
如 也 是 一 个 非 奇 异 和 矩阵。 任何 一 个 非 奇 异 和 矩阵 有 且 只 有 一 个 道 矩 阵 。 

(7) 矩阵 运算 的 基本 性 质 

@ 矩阵 的 加 法 适合 交换 律 与 结合 律 : 4 十 B 一 BT 二 4A,4 十 (B 十 C) 一 (4 十 了 B) 十 C; 

@ 数 乘 矩 阵 适合 分 配 律 与 结合 律 : a(A 十 B) 二 ah 十 aB ,a(AB)==(ah)B=A(aB); 

@ 矩阵 的 乘法 适合 结合 律 : 4CBC) 一 (4B)C; 

@ 矩阵 的 乘法 对 加 法 运算 适合 分 配 律 : (A 十 B)C 二 AC 十 BC,C(A 十 B) 二 CA 十 CB; 

@ 矩阵 的 乘法 不 适合 交换 率 : AB 关 BA 。 



































5.1.3 齐 次 坐标 


用 nn 十 1 维 向 量 表 示 nn 维 空间 点 的 方法 称 为 齐 次 坐标 表示 法 ,而 此 n 十 1 维 向 量 称 为 此 
nn 维 空间 点 的 齐 次 坐标 。 

用 三 维 向 量 [z y 1] 表示 二 维 平面 点 (zy),[z y 1] 称 为 点 P(z,y) 的 齐 次 
坐标 。 

二 维 点 (z,y) 的 齐 次 坐标 一 般 式 可 写成 

[Hz Hy H], H¥#¥0 

[z y 1] 称 为 点 P(z,y) 的 规格 化 齐 次 坐标 。 用 点 的 齐 次 坐标 一 般 式 求解 点 的 规格 

化 齐 次 坐标 的 过 程 如 下 : 
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FE = 


这 个 过 程 称 为 齐 次 坐标 的 正常 化 。 


齐 次 坐标 表示 法 提供 了 用 移 阵 运算 把 二 维 、 三 维 甚至 高 维 空间 中 的 一 个 点 集 从 一 个 


坐 


标 系 变换 到 另 一 个 坐标 系 的 有 效 方 法 ,而 且 , 采 用 齐 次 坐标 ,可 以 实现 图 形变 换 和 矩阵 形式 的 


统一 。 


5.2 二 维 图 形 儿 何 变换 


5.2.1 二 维 几 何 变 换 概述 


因为 各 种 图 形 都 可 看 成 点 的 集合 ,因此 图 形变 换 可 以 归结 为 图 形 上 点 的 坐标 变换 ,而 点 


在 变换 前 后 的 坐标 关系 一 般 用 几何 的 方法 即 可 求 得 。 六 

如 图 5. 2-1 所 示 ,P(z,y) 是 平面 坐标 系 zOy 中 的 点 ,P 点 Wa 
到 坐标 原点 的 距离 为 p, 线 段 OP 和 zz 轴 的 夹 角 为 <。 则 了 点 
的 坐标 (z,y ) 为 





T= pcosa 
外 图 5.2-1 点 的 坐标 变换 
已 点 绕 原点 旋转 角度 0 后 到 P* 点 , 则 P* 点 的 坐标 着 


(z* sy" ) 为 














人 pcos(0 十 a) = pcosacosb 一 psinasinb = rcosg 一 ysing 


》 ”一 psin(0 十 a) = psinacosb 十 pcosasing = zsing 十 ycosO 
因此 ,旋转 后 点 的 坐标 与 旋转 前 点 的 坐标 关系 为 


= zcosb 一 ysin0 


3》” 一 zsin0g 十 ycosO 
也 可 以 写成 矩阵 形式 : 

ww cosO sing 

中 3 le ?| et 


对 一 个 平面 图 形 的 旋转 变换 , 即 对 ?个 点 的 点 集 进 行 变换 ,其 矩阵 形式 为 


a yi TX Ji 
2Z2 yy2 _i 六 cos0 sing 
: -所 六 We | 
/人 E 


将 上 式 简写 为 

P*=PT 
其 中 ,P 为 变换 前 各 点 的 坐标 矩阵 ,已 为 变换 后 各 点 的 坐标 矩阵 ,T 称 为 旋转 变换 矩阵 。 
T 写 成 一 般 的 形式 : 
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[| 
T= 
cd 
则 
apb 
le | 上 [az 十 cy pr 十 dy] 
大 更 
即 





Z ”一 ar 十 cy 
一 好 十 必 
这 时 ,变换 矩阵 工 不 仅 适用 于 点 的 旋转 变换 ,改变 矩阵 工 中 各 元 素 的 值 , 也 可 以 实现 其 
他 变换 。 对 于 各 种 变换 ,关键 是 确定 变换 矩阵 了 工 中 各 元 素 的 值 。 
5.2.2 二 维 图 形 基本 变换 


基本 变换 是 指 相对 坐标 原点 、 华 标 轴 或 坐标 面 的 变换 ,包括 平面 图 形 的 比例 镜像. 错 
移 、 旋 转 、 平 移 等 变换 。 

1 恒 等 变 换 

在 变 拨 逢 阵 了 一 | “| 申 , 令 4=4=1.6=c=0, 即 7 一 | 。 | 变换 信 了 为 一 单位 阵 ， 
用 此 变换 抑 阵 对 点 进行 变换 ， 
2 


点 在 变换 前 后 的 坐标 没有 改变 , 即 点 的 位 置 没有 变化 ,这 种 变换 称 为 恒 等 变换 ,其 单位 
和 矩阵 又 叫 作 恒 等 变换 矩阵 。 


2. 比例 变换 
在 变换 息 阵 了 一 |。 站 全 ec=o =-|: | 用 此 变换 笨 阵 对 点 进行 变换 ， 
a 0 一 
Bo ee， el 


点 的 坐标 在 z 方 向 放大 为 原先 的 a 倍 , 在 > 方向 放大 为 原先 的 qd 倍 ,a、d 分 别称 为 zy 
向 的 比例 因子 ,这 种 变换 称 为 比例 变换 。 

根据 a.d 的 取 值 不 同 , 比 例 变换 有 以 下 几 种 形式 : 

(1) 车 a 二 d= 二 1, 则 变换 矩阵 了 为 一 单位 阵 , 称 为 恒 等 变 换 ; 

(2) 若 ao 一 d>1, 则 图 形 沿 x、y 方向 等 比例 放大 ; 

(3) 车 a 二 d 过 1, 则 图 形 沿 z、y 方向 等 比例 缩小 ; 

(4) 若 天 d, 则 图 形 将 产生 变形 一 一 畸变 ; 

(5) 若 一 1, 图 形 只 沿 y 向 放大 或 缩小 ; 

(6) 若 d 王 1, 图 形 只 沿 z 向 放大 或 缩小 ; 
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(7) 车 a 二 0, 图 形 压 缩 到 y 轴 上 ; 
(8) 若 d 二 0, 图 形 压缩 到 zz 轴 上 。 
3. 镜像 变换 (对 称 或 反射 变换 ) 
1) 对 工 轴 的 镜像 变换 


在 变换 钴 阵 了 中 , 取 一 1.4 一 一 1.0 一 < 一 0, 即 变换 短 阵 为 了 -| 。 |. 对 点 进行 
变换 ， 


此 变换 为 对 z 轴 的 镜像 变换 ,如 图 5. 2-2 所 示 。 
2) 对 y 轴 的 镜像 变换 


对 y 轴 的 镜像 变换 笨 阵 为 7 一 | 中 


wh zx" 一 一 
[= 六 1= [fz | 上 - Es 出 ;前 | 


| 六 一 y 
对 > 轴 的 镜像 变换 如 图 5. 2-3 所 示 。 
3) 对 坐标 原点 的 镜像 变换 


对 坐标 原点 的 镜像 变换 垂 阵 为 r-| ， | 


0 .=i 
对 坐标 原点 的 镜像 变换 如 图 5. 2-4 所 示 。 


一 1 0 Xx" =—Z 
[zx y°]= [xz | 上 [zx 一 y]， 即 | | 






Pr 内) 







了 


Pe*Qe*, y*) 





图 5.2-2 x 轴 的 镜像 变换 图 5.2-3 y 轴 的 镜像 变换 图 5.2-4 原点 的 镜像 变换 
4) 对 45" 线 ( 即 y==z 轴 ) 的 镜像 变换 
镜像 变换 矩阵 为 -| 中 人 一 ,如 图 5. 2-5 所 示 。 
1 0 y = 
5) 对 一 45" 线 ( 即 >= 一 z 轴 ) 的 镜像 变换 


镜像 变换 卸 阵 为 -| _ 可 时 ,如 图 5.2-6 所 示 。 
a 一 
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P#(x*, y+) 





图 5.2-5 对 45" 线 的 镜像 变换 图 5.2-6 对 一 45" 线 的 镜像 变换 
6) 错 移 变 换 
沿 工 轴 错 移 一 在 变换 矩阵 了 中 , 令 < 一 4 一 1,6 一 0, 即 变换 算 阵 为 -| 。 业 
i 


yO 
”三 用 >]|。 |- [z 十 cy y]， 即 | 
cC y* =y 


变换 后 点 的 > 坐标 不 变 , 相 当 于 点 沿 zx 轴 平 移 了 cy 距离 (图 5.2-7)。 点 的 平移 量 依 赖 
于 点 的 y 坐标 ,而 且 与 变换 前 点 的 y 坐标 成 线性 比例 关系 。 


而 
沿 y 轴 错 移 在 变换 矩阵 下 中 , 令 a 一 4 一 1,c 一 0, 即 变换 矩阵 为 7-| 。 | 
1 5b TX"=X 
te "| |- [z y 二 如 ]， 即 | 
0 1 y" = yr 


变换 后 点 的 坐标 不 变 ,相当 于 点 沿 > 轴 平 移 了 wz 距离 (图 5.2-8)。 点 的 平移 量 依赖 
于 点 的 工 坐 标 ,与 变换 前 点 的 z 坐标 成 线性 比例 关系 。 










Pelet, 4) 


Plx, D) 


Pe et, p+) 


0 4 x 0 3 


图 5.2-7 沿 x 轴 错 移 图 5.2-8 沿 》 轴 错 移 


例 5.1 正方 形 ABCD 四 个 顶点 坐标 分 别 为 A(0.0)、B(16,0)、C(16,16)、D(0,16)， 
对 此 正方 形 进行 沿 z 轴 的 错 移 变换 , 取 c 二 0.5, 则 





Arg 8 0 0 1A°* 
BI 0 | 0 有 1 从 | 四 
人 | 8 WB es 中 - 24 161C* 
攻 DLO 16 8 164D” 
| 错 移 变换 前 后 的 效果 如 图 5. 2-9 所 示 。 
OA) lo B20 30 0 
A440 国 由 本 节 前 述 可 知 ,旋转 变换 的 变换 矩阵 为 
和 r-| cosg | 
图 5.2-9 错 移 变换 一 sin0 cos0 


第 5 章 图 形变 123 


其 中 ,9 为 旋转 角 。 
例 5.2 长 方形 ABCD 四 个 顶点 的 坐标 分 别 为 A(0,0)、BC(20,0)、C(20,15)、D(0,15), 绕 
坐标 原点 逆 时 针 旋 转 30”, 则 
AT0 0 0 0 14 
Bili20 © | cos30” ee by Be $4 1 BB" 


C| 20 15 | 儿 一 sin30” sin30° 9.82 22.99 |C* 
DLo 15 一 7.5 12.994D* 
旋转 变换 效果 如 图 5. 2-10 所 示 。 
8) 平移 变换 


平移 变换 用 齐 次 坐标 表示 。 对 点 P(z,y) 作 平移 变换 ,其 xz 向 平移 量 为 1，y 向 平移 量 为 





















na 一 十 
加 ,变换 后 的 点 为 P' Cz， .7 ) 则 平 和 变换 的 角 术 式 为 | :这 时 ,用 7 一 |。 5 岗 
3》 ”一 y 十 7 
不 能 表示 平移 变换 ,可 以 用 齐 次 坐标 形式 表示 。 变 换 矩 阵 形式 为 
1 ww 
[rz” >” 1]=[zx y 1]|0 1 0|= [x+!l y+m 1] 
ZL m 
平移 变换 矩阵 为 
0 0 
"| 
m 1 
a 7 
起 
0 3 
图 5.2-10 旋转 变换 图 5.2-11 平移 变换 


9) 二 维基 本 变换 的 统一 形式 
采用 齐 次 坐标 ,可 以 将 变换 矩阵 形式 统一 。 将 上 述 所 有 变换 都 采用 齐 次 坐标 形式 , 则 二 
维 图 形 基本 变换 的 统一 形式 为 


党 
pd 
一 
| 
十 二 
9 
- 
pis 


[z” 








变换 矩阵 为 
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ab p 
G 如 
lm s 


变换 矩阵 工 中 左上 角 的 2X2 子 矩 阵 , 即 a.b、c.d, 可 使 图 形 产 生 比 例 、 镜 像 、 错 移 、 旋 转 
等 基本 变换 ; 

变换 矩阵 工 中 左下 角 的 1X2 子 矩阵 , 即 im, 可 使 图 形 产生 平移 变换 ,其 中 /mm 分 别 是 
工 向 和 > 向 的 平移 量 ,在 作 其 他 变化 时 需 使 /==0,m 二 0; 

变换 矩阵 荆 中 右上 角 的 2X1 子 和 矩阵 , 即 p、g, 可 使 图 形 产生 透视 变换 ,在 作 其 他 变换 时 
需 使 p= 二 0,g 二 0; 

变换 和 矩阵 全 中 右 下 角 的 s 若 不 为 1, 可 使 图 形 产生 全 比例 (z、y 向 等 比例 放大 或 者 缩小 ) 
变换 。 

下 面 是 统一 的 齐 次 变换 矩阵 的 参考 函数 代码 : 


/类 汪 闪闪 关 关 闪闪 关 关 闪闪 并 尖 尖 闫 尖 尖 尖 关 其 尖 尖 闫 关 闫 尖 尖 关 关 闪闪 关 关 闪闪 英美 关 关 美美 尖 关 关 关 闪闪 关 关 闫 关 尖 关 关 闫 关 尖 关 关 并 关 关 关 关 关 关 关 关 
Get2DMatrix: 创建 二 维 图 形 的 齐 次 基本 变换 矩阵 
matrix[][3]: 创建 的 二 维基 本 变换 矩阵 ; 证 lag: 变换 矩阵 类 型 0- 平移 ,1- 旋转 ,2- x 镜像， 
3- 了 镜像 ,4-x 错 移 ,5- 了 错 移 ,6- 比例 ; rotatehngle: 旋转 角度 ; x_dis, double y_dis: 平移 变换 
的 距离 及 错 移 变换 时 坐标 轴 方向 系数 ; dbl_zoom: 全 比例 缩放 系数 
美美 闫 关 关 闫 尖 闫 关 尖 舌尖 闫 闫 尖 闫 尖 闫 次 尖 闫 闫 美光 尖 闫 关 闫 关 关 美美 美光 关 闫 关 闫 交 关 闫 尖 美 关 关 闫 闫 美美 尖 闫 关 关 闫 尖 闫 关 关 关 关 关 关 关 关 关 关 关 关 关 / 
void Get2DMatrix(double matrix[ ][3], int iFlag, double rotateAngle, double x_dis, double y_dis, 
double dbl_zoom){ 
for(int i=0;i<3;i+t+){// 首 先 创 建 单位 阵 
for(int j= 0;j<3;j++) 
matrix[i][j] = 0; 
} 
matrix[0][0] = 1; 
matrix[1][1] =1; 
matrix[2][2] = 1; 
if(iFlag == 0){// 平 移 变 换 和 矩阵 
matrix[2][0] =x_dis; 
matrix[2][1] = y_dis; 
} 


else if(iglag==1){// 旋 转变 换 矩 阵 











matrix[0][0] = cos(PI/180 * rotateAngle); 
matrix[0][1] = sin(PI/180 * rotateAngle); 
matrix[1][0] = ( —1) * sin(PI/180 * rotateAngle); 
matrix[1][1] = cos(PI/180 * rotateAngle); 

} 

else if(iFlag== 2) //x 轴 镜 像 
matrix[1][1]= 一 17 

else if(iglag==3) // 了 轴 镜 像 变 换 矩 阵 
matrix[0][0] =—1; 

else if(iFlag== 4) //x 错 移 变换 矩阵 
matrix[1][0] =x dis; 

else if(iFlag ==5) //Y_ 错 移 变换 矩阵 
matrix[0][1] =y dis; 


else if(iFlag==6) // 全 比例 变换 矩阵 
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matrix[2][2] = dbl_zoom; 
上 


代码 中 的 PI 表示 圆周 率 r, 使 用 前 , 须 在 文件 中 先 定义 该 常量 : 
#define PI 3.1415926 
获得 坐标 变换 矩阵 后 ,用 点 乘 以 变换 矩阵 即 得 变换 后 的 点 ,函数 参考 代码 为 : 


/ 兴 闪 关 关 闪光 关 关 闪闪 关 关 闪闪 尖 关 闪闪 关 关 关 关 关 关 关 关 闪闪 关 关 关 闪闪 关 尖 关 关 关 关 尖 关 关 关 关 关 关 关 关 关 关 关 闪 关 关 关 关 闪 关 关 关 关 关 关 关 关 关 关 并 关 
GetNewPoint: 二 维 图 形 点 几何 变换 
m_point_Array: 变换 前 及 变换 后 的 图 形 点 集合 m_Matrix[ ][3]: 变换 矩阵 
关 关 认 关 关 关 关 闪 关 关 关 关 关 关 关 关 关 关 尖 闪闪 尖 关 闪 尖 关 关 闪闪 尖 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关头 关 关 关 关 关 关 关 关 关 关 / 
void GetNewPoint (CArray < CPoint, CPoint > m_point Array, double m Matrix[ ][3]){ 
CArray < CPoint, CPoint > m _ point Array_new; 
CPoint point new; 
double s_dbl; 
for(int i=0;i<m point Array.GetSize();i++){ 
point new.x=m point Array.GetAt(i).x*m Matrix[0][0] +m point Array.GetAt(i).y*m Matrix 
[1][0] +m Matrix[2][0]; 
point new.y=m point Array.GetAt(i).x*m Matrix[0][1] +m point _Array. GetAt(i).y*m_ 
Matrix[1][1] +m Matrix[2][1]; 
s_ dbl =m Matrix[0][2] +m Matrix[1][2] +m Matrix[2][2]; 
point_new. x/= s_dbl; 
point_new. y/ = s_dbl; 
m_point_Rrray_new. Add(point_new); 
} 
m point Array. RemoveAll(); 
m_point_Array. Append(m_point_Array_new); 


$5.2.3 二 维 组 合 变 


二 维 图 形 的 基本 变换 是 相对 坐标 原点 或 者 坐标 轴 的 图 形变 换 , 那 么 ,如 何 实现 相对 于 平 
面 上 任意 点 或 任意 直线 的 变换 ?这 种 对 任意 位 置 的 变换 称 为 复杂 几何 变换 。 
实现 复杂 变换 的 思路 是 ,将 其 变换 为 基本 变换 的 位 置 ,使 相对 任意 点 或 者 直线 的 变换 转 
换 为 相对 坐标 原点 或 者 坐标 轴 的 变换 ,然后 ,再 按 反 向 顺序 返回 原 任意 点 或 者 直线 的 变换 。 
在 实现 上 述 步 骤 时 ,需要 对 图 形 进行 连续 多 次 基本 变换 ,这 种 由 多 个 基本 变换 组 成 复杂 变换 
的 方法 叫 作 组 合 变换 或 基本 变换 的 级 联 , 有 时 又 称 复合 变换 ,相应 的 矩阵 称 为 组 合 变换 矩阵 
或 基本 变换 矩阵 的 级 联 和 矩阵 。 
组 合 变换 中 会 用 到 和 矩阵 相 乘 ,其 函数 代码 参考 如 下 : 
/ 关 闫 关 关 闫 闫 闫 尖 美美 美光 尖 美美 美光 尖 闫 美光 关 闫 闫 美光 关 闫 美美 尖 闫 闫 闫 闫 关 闫 美光 尖 闫 美美 尖 闫 闫 闫 闫 尖 闫 甘美 尖 尖 奖 闫 关 尖 闫 美美 关 尖 闫 闫 闫 关 关 关 
MatrixXMatrix0f2D: 两 个 二 维 矩阵 相 乘 的 函数 
matrix0[][3]: 矩阵 1 及 返回 的 矩阵 ; matrixl[][3]: 矩阵 2 
void MatrixXMatrixFor2D(double matrix0[ ][3], double matrixl[][3]){ 


double matrix2[3][3]; 
for(int i=0;i<3;i++){ 
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for(int j=0;j<3;j++){ 
matrix2[i][j] = matrix0[i][0] * matrixl[0][j] + matrix0[i][1] * matrixl[1][j] + matrix0 
[i][2] * matrix1[2][j];} 
} 
for(i=0;i<3;i++){ 
for(int j=0;j<3;j++){ 
matrix0[i][j] = matrix2[i][j]; 
} 


} 


1. 绕 平面 上 任 一 点 的 旋转 变换 

对 于 和 矩形 ABCD, 要 求 其 绕 顶 点 A(x。 ,yo) 旋 转 0 角 ,如 图 5.2-12 所 示 。 由 于 A 点 不 是 
原点 ,所 以 不 能 直接 用 旋转 变换 矩阵 ,可 将 此 变换 分 解 成 几 个 基本 变换 的 级 联 ,通过 组 合 变 

步骤 一 ,将 图 形 平 移 , 使 点 A 与 原点 重合 ,成 为 矩形 A, BC Di ,变换 矩阵 为 全: 

















1 0 0 
一 0 "| 
= 一汽 
如 图 5.2-13 所 示 。 
步骤 二 ,将 矩形 A1B1C1Di 绕 Ai 点 ( 即 原点 ) 旋 转 0 角 ,成 为 矩形 A,B;CsD; ,变换 矩阵 
为 T: 
cosb sing 0 
7 一 | sing cosO 0 
0 "| 





如 图 5.2-14 所 示 。 





0 
OM) AB * ONG) x 
5.2-12 绕 任意 一 点 旋转 5.2-13 平移 到 坐标 原点 。 图 5.2-14 在 坐标 原点 旋转 
步骤 三 ,将 矩形 AsBsCzD, 平移 ,使 A 点 ( 即 As) 回 到 原来 的 位 置 ,成 为 矩形 A* B* C* D”， 
变换 矩阵 为 Ts: 








Xo yo 1 


将 以 上 三 个 变换 矩阵 相 乘 , 即 可 得 到 绕 任意 点 旋转 的 组 合 变换 矩阵 T: 


0 0 cosO sing 01[T1 0 0 
T= TTT; 一 0 Gl—sing wm O00 1 © 
-= 0 0 ljlzxo yo 
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则 绕 任 意 点 的 旋转 变换 为 


1 0 0 cosg sing 01[1 0 0 
P*=PT=P|I 0 0|| 一 sing cosg 0||0 1 0 
Wy —% 1 0 0 ljlxo。 yw 1 


注意 : 因为 矩阵 乘法 不 符合 交换 律 , 即 对 短 阵 4 和 B, 一 般 4B 尖 BA4A ,所 以 级 联 的 顺序 
不 能 颠倒 。 
计算 绕 任意 点 的 旋转 变换 矩阵 的 函数 代码 参考 如 下 : 


/ 类 关 闪闪 闪光 关 闪闪 闪闪 关 闪闪 关 关 关 闪 关 闫 关 关 关 关 关 关 关 关 关 关 关 尖 关 关 尖 关 关 闫 关 尖 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 并 关 
RotateTransform2D: 计算 绕 任意 点 的 旋转 变换 矩阵 的 函数 
matrix[ ][3]: 旋转 变换 矩阵 ; m_x: 点 的 x 坐 标 ; Y: 点 的 了 坐标; m_Angle: 旋转 角度 
美美 美美 美美 关 美美 尖 美美 闫 舌尖 闫 闫 美美 美美 闫 闫 闫 美美 闫 闫 闫 尖 闫 关 闫 美美 闫 尖 关 美美 闫 闫 闫 美美 闫 闫 关 闫 关 闫 关 关 美美 闫 关 关 闫 关 关 关 关 关 关 关 关 关 关 / 
void RotateTransform2D(double m Matrix[ ][3], doubleg& m_x, doubleg& m_y, double& m Angle){ 
double m Matrix0[3][3]; 
Get2DMatrix(m Matrix,0,0,( 一 1)*m x,( 一 1)*my,0); // 先 平移 到 坐标 原点 


Get2DMatrix(m Matrix0,1,(—1)*m Angle,0,0,0); // 旋 转 -m_angel 
MatrixXMatrixFor2D(m Matrix,m Matrix0); // 和 矩阵 相 乘 
Get2DMatrix(m Matrix0, 0,0,m x,m y,0); // 从 坐标 原点 平移 走 
MatrixXMatrixFor2D(m Matrix,m Matrix0); // 和 矩阵 相 乘 

return; 


| 

2. 对 任意 直线 的 镜像 变换 

点 PCz,y) 对 平面 上 的 任意 直线 > 一 Az 十 2 进行 镜像 变换 ,如 图 5. 2-15 所 示 , 可 将 此 变 
换 分 解 成 几 个 基本 变换 的 级 联 组 合 。 

步 又 一 ,将 点 连同 直线 平移 ,使 直线 y 二 kzx 十 6 与 y 轴 的 交 





Plx,y) 























点 A(0,5) 平 移 到 原点 ,变换 矩阵 为 T: 人 
i 0 
T=|0 1 0 
= 1 
步骤 二 , 绕 坐 标 原点 旋转 一 9 角 , 使 直线 与 x 轴 重 合 ,9 为 ”图 5.2-15 对 任意 直线 的 
直线 与 x 轴 的 夹 角 ,0= arctan& ,变换 矩阵 为 T : 镜像 变换 
cos( 一 0) sin( 一 0) 0 
Tz 一 | 一 sin( 一 0) cos( 一 0) 0 
0 0 1 
步骤 三 ,对 z 轴 进 行 镜像 变换 ,变换 矩阵 为 T: 
1 0 0 
B= 一 1 0 
0 中 | 
步骤 四 ,返回 原 位 置 (顺序 与 上 相反 , 即 先 旋转 再 平移 ) 。 
(1) 绕 原点 旋转 0 角 , 变 换 矩 阵 为 Ti; 


(2) 再 平移 到 原 位 置 ,变换 矩阵 为 Ts 。 
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cosg sing 0 0 
T=|—sin cosg 0|; Ts=|10 1 0 
0 0 1 0 0 1 


将 以 上 五 个 变换 矩阵 相 乘 , 即 可 得 到 对 任意 直线 镜像 的 组 合 变换 矩阵 : 
1 0 0 cos( 一 0) sin(—0 01T1 0 0 
T=TTTTT =|I0 1 0ll—sin(—0 cos( 一 0) 0|0 一 1 0 
胡 一 让 于 0 0 1JL0 0 1 
cosg sing 01[1 0 0 
一 sing cosg 0||0 1 0 
0 0 1Jlo 2 1 
点 的 组 合 变换 为 
P* = PT = PTT:T TT 
计算 任意 直线 的 镜像 变换 矩阵 函数 代码 参考 如 下 : 


// 尖 关 闫 闫 闫 关 六 关 尖 守 尖 关 尖 闫 基 关 美美 闫 美美 其 尖 关 关 闫 尖 闫 基 美美 美美 关 美美 关 关 舌尖 闫 闫 尖 关 美光 美美 关 闫 闫 并 美美 甘美 关 关 关 关 尖 基 关 关 关 关 关 半 关 
MirrorTransform2D: 任意 直线 的 镜像 变换 矩阵 函数 
matrix[ ][3]: 返回 的 最 终 变换 矩阵 ; m_x0,m_y0: 点 1 的 坐标 ; m_xl,m_yl: 点 2 的 坐标 
闫 六 关 美美 并 关 关 关 关 并 六 基 尖 闫 关 关 美美 关 关 美美 凑 关 尖 关 美美 闫 美美 闫 半 关 美美 其 关 关 尖 尖 闫 关 关 甘美 闫 关 关 闫 美美 关 关 关 舌尖 关 关 类 关 关 关 关 类 关 / 
void MirrorTransform2D(double m Matrix[ ][3], double m x0, double m_y0, double m x1,double m yl1){ 

double m Matrix0[3][3]; 

// 区 分 特殊 情况 ,如 果 是 水 平 线 或 者 垂直 线 

f(m_y1 ==m_y0){// 水 平 线 

Get2DMatrix(m Matrix,0,0,0,(—1)*m y0,0); //1. 先 平移 到 和 x 轴 重 合 


Get2DMatrix(m Matrix0,2,0,0,0,0); //2. 镜 像 
MatrixxXMatrixFor2D(m Matrix,m Matrix0); // 和 矩阵 相 乘 
Get2DMatrix(m Matrix0,0,0,0,m y0,0); // 再 反 向 平移 
MatrixxMatrixFor2D(m _ Matrix,m Matrix0); // 和 矩阵 相 乘 

} 

else if(m xl ==m x0){ // 垂 直线 
Get2DMatrix(m Matrix,0,0,(—1)*m x0,0,0); //1. 先 平移 到 和 y 轴 重 合 
Get2DMatrix(m Matrix0, 3,0,0,0,0); //2. 镜 像 
MatrixXMatrixFor2D(m Matrix,m Matrix0); // 和 矩阵 相 乘 
Get2DMatrix(m_Matrix0,0,0, (一 1) x*m_x0,0,0); ”// 再 反 向 平移 
MatrixXMatrixFor2D(m Matrix, m_Matrix0); // 矩 阵 相 乘 


} 
else{// 一 般 位 置 直线 
// 求 交点 
nt a bcs 
double angle,y_ledge; 
a=m y0—-m yl; 
b=m xl—m x0; 
c=m x0x*xm yl—m xlx*m y0; 
y_ledge=(—1)*c/(double)b; 
angle=atan((—1)* (double(a))/(double)b); // 反 正切 
angle = angle * 180/PI; 
Get2DMatrix(m_Matrix, 0,0,0, (一 1) * y_ledge,0); // 先 平移 到 坐标 原点 
Get2DMatrix(m Matrix0,1, (一 1) x*angle,0,0,0);  // 旋 转 -angel 
MatrixXMatrixFor2D(m_ Matrix,m Matrix0); 
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Get2DMatrix(m Matrix0,2,0,0,0,0); // 镜 像 - 工 
MatrixXMatrixFor2D(m_ Matrix,m Matrix0); 

Get2DMatrix(m Matrix0,1,angle, 0,0,0); // 旋 转 - angel 
MatrixXMatrixFor2D(m_ Matrix,m Matrix0); 

Get2DMatrix(m Matrix0,0,0,0,y_ ledge, 0); // 反 向 平移 


MatrixXMatrixFor2D(m Matrix,m Matrix0); 
} 


return; 


h 


3. 任意 平面 图 形 的 比例 变换 
对 于 矩形 ABCD ,要 求 相 对 任意 一 点 如 其 顶点 A(Czoyy) 等 比例 放大 ,如 图 5. 2-16 所 





示 , 可 分 解 成 几 个 基本 变换 的 步骤 。 





步骤 一 ,将 矩形 平移 到 坐标 原点 ,变换 矩阵 为 T : > 
1 0 0 je 1 
T= 0 1 0 es 
—xo —% 1 
A(xo: y0) 8B 
步骤 二 ,图 形 等 比例 放大 ,变换 矩阵 为 到 : 
杀机 并 
二 可 志 图 5.2-16 比例 放大 
| 


步 又 三 ,将 变换 后 的 图 形 反方 向 平移 到 原 位 置 ,变换 矩阵 为 Ts: 
1 Wi 四 


mi WH 1 
组 合 变换 矩阵 为 
1 0 os 0 起 1 0 0 
T= TTT, = 0 | 0II0 5 0 0 1 oT 
-Wo —% LO 和 Til WW 1 
点 的 组 合 变 换 为 


P* = PT = PTTT, 
计算 绕 任 意 点 的 全 比例 变换 矩阵 函数 代码 参考 如 下 : 


// 兴 尖 关 关 让 光 关 关 庆 站 尖 关 关 尖 尖 关 关 关 关 尖 关 尖 关 关 尖 尖 关头 关 尖 关 关 尖 关 尖 尖 尖 闫 关 尖 尖 关 关 关 关 关 关 关 关头 尖 关 关 关 关 关 关 关 关 关 关头 关 关 关 尖 关头 关 
ScaleTransform2D: 任意 点 的 全 比例 变换 矩阵 
matrix[][3]: 返回 的 最 终 变换 矩阵 ; m_x,m_y: 点 的 坐标 ; m_scale: 比例 系数 
/ 关 关 关 关 关 关 关 关 关 关 尖 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关头 关 关 
void ScaleTransform2D(double m Matrix[ ][3], double m x,double m y,double m scale){ 

double m Matrix0[3][3]; 

Get2DMatrix(m Matrix,0,0, (一 1) xm x, (一 1) *m y,0); //1. 首 先 移动 到 坐标 原点 


Get2DMatrix(m Matrix0,6,0,0,0,m scale); //2. 比例 变换 
MatrixXMatrixFor2D(m Matrix,m Matrix0); 
Get2DMatrix(m Matrix0,0,0,m x,m y,0); //3. 反 向 平移 


MatrixxXMatrixFor2D(m Matrix,m Matrix0); 
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5.2.4 交互 技术 实现 图 形变 换 


无 论 是 基本 变换 还 是 组 合 变换 ,图 形变 换 的 步骤 都 是 相同 的 : 利用 变换 前 的 图 形 点 乘 
以 变换 矩阵 ,获得 变换 后 的 图 形 点 ,从 而 构成 变换 后 的 图 形 。 在 实现 图 形变 换 时 ,采用 相关 
的 交互 操作 技术 可 以 产生 实时 直观 的 图 形变 换 效果 ,例如 ,利用 鼠标 拖 动 实现 图 形变 换 、 只 
选取 特定 图 形 进 行 变换 、 把 图 形 的 某 个 端点 或 者 直线 中 点 定位 为 旋转 中 心 等 。 交 互 技术 也 
是 计算 机 图 形 学 的 重要 研究 内 容 , 图 形 交互 是 交互 技术 的 主要 部 分 ,第 2 章 讲述 的 单 击 消息 
函数 和 非 模式 对 话 框 的 使 用 以 及 3. 1. 5 节 的 橡皮 筋 技 术 均 可 实现 一 定 的 图 形 交 互 功能 。 在 
图 形变 换 中 ,还 会 用 到 下 面 典型 的 图 形 交互 方法 : 图 形 拾 取 技 术 、 对 象 捕捉 技术 、 鼠 标 交互 
操作 技术 等 。 

1. 图 形 拾取 技术 

在 对 屏幕 上 的 图 元 进行 操作 时 ,如 果 只 对 其 中 某 个 或 者 几 个 图 元 操作 ,就 会 用 到 图 形 失 
取 技 术 ,或 者 称 图 形 选 择 技术 。 图 形 拾取 技术 是 个 重要 的 图 形 交 互 手段 ,不仅 可 用 于 图 形变 
换 ,而 且 广 泛 应 用 于 对 图 形 的 其 他 处 理 , 例 如 ,对 拾取 图 形 进行 修改 删除、 分 析 等 。 单 一 图 
元 拾取 可 用 “点 选择 ”方法 , 即 用 户 在 屏幕 上 交互 拾取 一 点 ,系统 判断 该 点 在 哪个 图 元 上 ,并 
将 该 图 元 用 高 亮度 显示 。 如 果 要 选择 一 系列 图 元 ,可 用 “窗口 选择 ”, 用 光标 拖 动 获得 一 个 矩 
形 选择 窗口 ,将 位 于 该 选择 窗口 内 的 图 元 作为 被 选择 的 对 象 。 

在 进行 图 形 拾取 时 ,需要 对 所 有 图 元 进行 判断 计算 ,如果 当前 处 理 场景 的 图 元 数量 相当 
庞大 ,对 每 一 个 图 元 都 实施 精确 的 判断 计算 ,将 使 系统 反应 迟缓 。 为 了 提高 拾取 的 效率 ,可 
以 采取 多 种 预 处 理 的 方法 。 例 如 ,在 使 用 “点 选择 ”方法 拾取 时 , 先 粗 略 判断 拾取 点 是 否 在 某 
图 元 附近 ,如 不 在 , 则 不 再 对 该 图 元 进行 进一步 判断 ; 如 在 , 则 再 用 较 精 确 的 算法 进一步 
判断 。 

在 粗略 判断 拾取 点 是 否 在 某 图 元 附近 时 ,一 种 最 简单 的 方法 是 判断 拾取 点 是 否 在 包围 
该 图 元 的 最 小 外 接 矩 形 ( 即 边界 盒 ) 内 。 例 如 ,判断 拾取 点 是 否 在 直线 PP, 上 ,直线 两 个 端 
点 的 坐标 为 PCzi,y)、Ps(zz,yz), 则 最 小 外 接 和 矩形 为 工 方向 在 zi\zs 之 间 和 >y 方向 在 yi、 
yz 之 间 的 区 域 。 当 图 元 比较 复杂 时 ,例如 任意 位 置 的 圆 弧 段 ,可 以 将 圆 弧 段 细 分 多 段 后 , 利 
用 多 个 最 小 外 接 和 矩形 来 粗略 判断 。 

粗略 判断 后 ,如 果 拾取 点 在 图 元 的 最 小 外 接 矩 形 内 , 则 需 进 一 步 精 确 判 断 拾取 点 是 否 在 
图 元 上 。 由 于 拾取 点 是 屏幕 的 离散 像素 点 ,而 图 元 本 身 是 连续 的 图 形 , 所 以 精确 判断 的 是 失 
取 点 和 图 元 上 点 的 距离 是 否 在 精度 内 ,如 在 精度 内 , 则 认为 拾取 的 是 该 图 元 ,否则 对 该 图 元 
不 予 拾取 。 例 如 ,精确 判断 直线 是 否 被 拾取 时 ,根据 直线 隐 式 方程 的 含义 ,将 拾取 点 代入 直 
线 隐 式 方 程 ,计算 |az 十 by 十 c| <e, 式 中 。 是 精度 变量 ,如 满足 , 则 该 直线 被 拾取 。 同 理 , 在 
判断 圆 是 否 被 拾取 时 ,可 利用 圆 的 方程 判断 |z? 十 y* 一 R*| 过 e? ,椭圆 拾取 的 精确 判断 方法 
和 圆 的 判断 方法 类 似 。 

对 于 图 元 是 由 一 组 基本 图 形 组 合 而 成 的 情况 ,例如 ,由 多 条 首尾 相 接 的 线段 构成 的 多 边 
形 图 元 和 裁剪 矩形 窗口 图 元 ,由 于 多 个 基本 图 形 组 成 的 是 一 个 整体 ,图 形变 换 是 整体 变换 ， 
所 以 ,要 拾取 这 个 整体 图 元 ,而 非 其 中 的 一 个 基本 图 形 , 当 拾取 到 其 中 的 一 个 基本 图 形 后 ,要 
把 这 个 基本 图 形 所 属 的 图 元 作为 拾取 对 象 。 
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对 于 拾取 的 图 形 , 如 果 通 过 图 形 处 理 形成 了 另外 一 种 类 型 的 图 形 , 为 了 避免 后 续 拾取 错 
误 , 应 在 原 拾取 图 形 类 型 的 图 形 集合 中 删除 拾取 的 图 形 。 例 如 ,单一 的 一 条 直线 经 过 图 形 处 
理 成 为 了 多 边 形 的 一 条 边 ,那么 ,在 直线 集合 中 删除 原 拾取 的 直线 。 

由 于 被 拾取 的 图 形 可 能 是 直线 、 圆 椭圆、 多 边 形 、 和 矩形 等 图 形 类 型 ,每 种 类 型 的 数据 结 
构 是 不 同 的 ,而 且 , 为 了 突出 拾取 的 图 形 , 对 其 采用 高 亮 颜色 显示 ,为 了 方便 表示 拾取 的 图 
形 ,可 以 建立 图 形 拾取 类 结构 。 对 于 单个 图 形 的 拾取 类 结构 ,可 参考 如 下 : 





class CPicker:CDraw{ 
public: 
CPicker(){ 
picktype = pick_none; 
stateFlag = 0; 
} 


Picktype picktype; // 拾 取 的 图 元 类 型 

int stateFlag; /// 拾 取 是 否 变化 ,0: 不 用 重 画 ,1: 发 生 改 变 须 重 画 
// 可 拾取 的 图 元 类 

CLine m Line; // 拾 取 的 直线 

CCircle m Circle; // 拾 取 的 圆 及 圆 弧 

CEllipse m Ellipse; // 拾 取 的 椭圆 

CPolyLine m PolyLine; // 拾 取 的 多 边 形 

CCutRect m CutRect; // 拾 取 的 矩形 窗口 


}; 
其 中 ,picktype 是 拾取 的 图 元 类 型 ,定义 为 枚 举 结构 ,可 枚 举 的 类 型 为 : 
enum Picktype { pick none,pick line,pick circle,pick ellipse,pick polyline,pick rect}; 


在 “点 选择 ”方法 中 ,在 显示 器 屏幕 上 用 鼠标 拾取 一 个 像素 点 ,然后 ,判断 该 点 是 否 在 某 
一 个 图 元 上 ,如 是 , 则 拾取 该 图 元 。 由 于 有 多 种 图 元 类 型 ,所 以 需要 分 别 判断 。 对 每 个 图 元 
的 判断 方法 都 是 先 粗略 判断 ,再 精确 判断 。 直 线段 的 拾取 判断 代码 参考 如 下 : 


// 兴 尖 闪闪 闪光 交 关 认 闪 尖 关 闪闪 并 尖 关 闪闪 关 尖 并 尖 尖 关 关 并 并 关 关 关 闪光 关 间 尖 尖 关 闫 尖 尖 关 关 关 关 关 关 关 关 尖 尖 闪闪 关 闫 闫 闪光 关 并 尖 闪光 关 关 闪闪 交 关 
CheckIsPicked: 拾取 判断 函数 
point: 拾取 点 ; line: 要 判断 的 直线 段 
关 关 名 尖 尖 关 关 庆 尖 关 关 关 尖 关 关 闪闪 尖 关 关 闪光 关 关 闪光 美美 并 尖 关 关 闪闪 尖 关 关 关 尖 关 关 关 关 关 关 关 关 关 关 关 关 关 尖 关 关 关 尖 关 关 关 关 关 关 关 关 关 关 关 关 / 
bool CheckIsPicked(CPoint &point, CLine &line) { 
//1. 判 断 是 否 在 图 形 的 最 小 外 接 和 矩形 ( 即 边界 盒 ) 内 
证 (CheckIsInBox(point, line. pt1. x, line. pt2. x, line.ptl.Y, line. pt2. y) == false) return false; 
// 判 断 点 是 否 在 直线 上 
int a= line. ptl.y— line. pt2.y; 
int b= line. pt2.x— line.ptl.x; 
int c= line.ptl.x* line.pt2.y— line. pt2.x* line. ptl.y; 
if(abs(a* point.x+b*x point.y+c)> EPSLON) return false; 
else 
return true; } 


其 中 ,判断 是 否 在 图 形 的 最 小 外 接 矩 形 内 的 函数 参考 代码 如 下 : 


bool CheckIsInBox(CPoint gpt, int x1, int x2, int y1, int y2){ 
if((pt.x— x1) * (pt.x— x2)>0) 
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return false; // 在 左右 边界 外 
else if((pt.y— y1) * (pt.y— y2)>0) 

return false; // 在 上 下 边界 外 
else 


return true; 


上 


EPSLON 为 定义 的 一 个 精度 值 ,如 # define EPSLON 500. 0。 
对 线段 组 的 拾取 判断 代码 如 下 : 


1 美美 尖 闫 关 闫 舌尖 美美 半 舌尖 美美 美 闫 尖 美美 闫 尖 关 美美 闫 闫 甘美 尖 奖 闫 美美 闫 英美 尖 美美 美美 闫 美美 美美 闫 闫 美美 闫 美美 关 美美 关 闫 关 闫 关 关 闫 闫 美美 关 
CheckIsPicked: 拾取 判断 函数 
point: 拾取 点 ; m_line_array: 要 判断 的 直线 段 组 ; m_Picker: 拾取 图 形 
闫 六 关 尖 闫 闫 关 尖 闫 美 闪闪 尖 闫 闫 关 关 闫 尖 闪 六 关 闫 关 认 关 闫 尖 关 关 闫 关 关 关 关 美光 关 关 英美 并 尖 关 甘 尖 尖 尖 关 关 关 尖 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 / 
bool CheckIsPicked(CPoint &point, CArray < CLine, CLine> gm line array, CPicker &m Picker){ 
if(m line array.GetSize()>0){ 
// 逐 条 线 判断 
CLine line; 
for(int i=0;i<m line array.GetSize();i+t+){ 
line=m line array. GetAt(i); 
// 判 断 直 线 是 否 被 拾取 
证 (CheckIsPicked(point, line) == true){// 有 拾取 
// 首 先 判断 是 否 原 拾取 ,如 是 , 则 设置 状态 = 1 表明 已 拾取 , 且 在 显示 ,不 必 再 
// 显 示 , 否则 先 利 用 异 或 画 原 图 形 , 再 拾取 新 图 形 
if(m Picker. picktype == pick_line&g&(m_Picker.m_Line. ptl == line. ptl&&m Picker. m_Line. 
pt2 == line. pt2)) 
m Picker. stateFlag= 0; 
else{// 重 新 获得 拾取 的 对 象 
m Picker. stateFlag= 1; 
m Picker. picktype = pick_line; 
m Picker.m Line= line; 
} 


return true; 


} 
} 
return false; 


对 圆 、 圆 弧 段 以 及 椭圆 等 图 元 的 拾取 判断 方法 和 直线 的 拾取 判断 方法 类 似 , 限 于 篇 幅 ， 
本 书 不 再 袭 述 。 需 要 注意 的 是 ,对 于 任意 圆 弧 段 的 拾取 判断 ,需要 进一步 细 分 圆 弧 段 ,并 对 
每 个 细 分 圆 弧 段 进行 最 小 外 接 矩 形 判断 。 对 于 由 基本 图 形 组 合 而 成 的 图 元 ,只 要 判断 拾取 
点 在 其 中 一 个 基本 图 形 上 , 即 拾取 整个 图 元 。 多 边 形 的 拾取 判断 代码 参考 如 下 : 





/ 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 
CheckIsPicked: 拾取 判断 函数 
point: 拾取 点 ; PolyLine: 要 判断 的 多 边 形 ; m_Picker: 拾取 图 形 
/ 尖 关 美美 关 尖 闫 美美 尖 关 闫 美美 尖 闫 美美 关 关 关 美美 尖 关 关 美光 关 闫 关 关 关 闫 闫 闫 关 关 闫 闫 尖 关 闫 闫 闫 尖 关 闫 闫 关 关 关 闫 闫 尖 关 闫 闫 关头 关 关 闫 关 关 关 关 关 关 
bool CheckIsPicked(CPoint &point, CPolyLine &PolyLine, CPicker &m Picker){ 
// 判 断 是 否 在 多 边 形 边 上 
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int pFlag= 0; // 是 否 拾取 
CLine line; 
pFlag= 0; 


for(int j= 0;j<PolyLine.m PolyLine array Out.GetSize();j++){// 外 环 
line = PolyLine.m PolyLine array Out. GetAt(j); 
if(CheckIsPicked(point, line) == true){ 


pFlag= 1; 
break; 
} 
else 
continue; // 继 续 判 断 外 环 其 他 边 


} 
if(pFlag== 0){// 判 断 是 否 在 内 环 
for(int k=0;k<PolyLine. in num;k++){ 
for(int j=0;j<PolyLine.m PolyLine array in[k].GetSize();j++){ 
line = PolyLine.m PolyLine array_in[k].GetAt(j); 
if(CheckIsPicked(point, line) == true){ 
pFlag= 1; 
break; 
} 


else 


continue; ”// 继 续 判 断 内 环 其 他 边 


} 
if(pFlag==1){// 有 拾取 ,首先 判断 是 否 原 拾取 , 如是, 则 设置 状态 = 1 表明 已 拾取 , 且 在 显 
示 , 则 不 必 再 刷新 ,否则 拾取 新 图 形 
if(m Picker.picktype == pick_polyline&&(m Picker.m PolyLine.m PolyLine_array_Out. GetAt 
(0). ptl == PolyLine. m_PolyLine array_Out. GetAt (0). ptl&&m Picker.m_ PolyLine.m_PolyLine_ 
array_Out. GetAt(0).pt2 == PolyLine.m PolyLine array Out. GetAt(0).pt2&&m Picker.m_ PolyLine. 
m PolyLine array Out. GetAt(1).pt2 == PolyLine.m PolyLine array Out.GetAt(1).pt2)) 
m Picker. stateFlag = 0; 
else{// 重 新 获得 拾取 的 对 象 
m Picker. stateFlag= 1; 
m Picker. picktype = pick_polyline; 
// 该 多 边 形 加 入 拾取 集合 中 
m Picker.m PolyLine.m PolyLine array_ Out. RemoveAll(); 
m_Picker.m PolyLine.m PolyLine array _ Out. Append(PolyLine.m PolyLine array Out); 
m Picker.m PolyLine. in num = PolyLine. in_num; 
for(int k=0;k<PolybLine. in num;k++){ 
m_Picker.m PolyLine.m PolyLine array_in[k].RemoveAll(); 
m Picker.m PolyLine.m PolyLine array in[k].Append(PolyLine.m PolyLine array_in[k]); } 
} 


return true; 





} 


return false; 


} 
多 边 形 数组 的 拾取 判断 代码 如 下 : 


bool CheckIsPicked(CPoint &point, CPolyLine * m PolyLine, int &PolyLine num,CPicker g&m Picker) 
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{//PolyLine_num: 多 边 形 的 个 数 
for(int i=0;i<PolybLine nom;i++){ 
if(CheckIsPicked(point,m PolyLine[i],m Picker) == true) 
return true; 
» 


return false; 


. 


为 了 对 拾取 的 图 形 用 高 亮 的 色彩 显示 ,在 OnDraw() 函 数 中 ,需要 调用 绘制 拾取 图 形 的 
函数 ,参考 代码 如 下 : 


/类 尖 闫 关 尖 闫 尖 关 并 尖 闫 闪闪 六 尖 美光 六 关 闫 闫 闪光 闫 闫 六 尖 尖 关 并 并 尖 关 关 并 并 关 闫 关 关 美美 关 关 关 关 关 关 关 关 闫 尖 尖 关 美美 关 尖 关 关 关 闪闪 关 关 关 关 关 关 
DrawPicker: 绘制 拾取 的 图 形 
pDC: 显示 器 设备 指针 ; m_Picker: 拾取 的 图 形 ; crColor: 绘制 颜色 ; ineWidth: 线 宽 
| 
void DrawPicker(CDC * pDC,CPicker &m Picker,COLORREF crColor, int lineWidth= 0){ 
// 画 拾取 的 图 形 
//1. 判断 是 否 为 线段 组 
if(m Picker. picktype == pick_line) // 画 直线 
MIDPOINT Line(pDC,m Picker.m Line.ptl,m Picker.m Line.pt2,crColor, lineWidth); 
else if(m Picker.picktype == pick_circle){//2. 判 断 是 否 为 圆 


// 画 拾取 圆 
if(m Picker.m Circle, Type == 0) // 整 贺 

Mid_Circle(pDC,m Picker.m Circle.Opt,m Picker.m Circle. rLength, crColor); 
else // 是 圆 弧 段 


DrawCircleArc(pDC,m Picker.m Circle. Opt,m Picker.m Circle. rLength,m Picker.m Circle. 
Spt,m _ Picker.m Circle. Ept, crColor); 
} 
else if(m Picker. picktype == pick_ellipse){//3. 判 断 是 否 为 椭圆 , 画 拾取 的 椭圆 
MidPt_Ellipse(pDC, m_Picker.m_E11ipse. Opt, m_Picker. m_Ellipse.a,m_Picker. m_Ellipse. b, 
crColor); 
} 
else if(m_Picker. picktype == pick_polyline){//4. 判 断 是 否 为 多 边 形 , 画 拾取 的 多 边 形 
CLine line; 
// 画 外 环 
for(int j=0;j<m Picker.m PolyLine.m PolyLine array Out. GetSize();j++){ 
line=m Picker.m PolyLine.m PolyLine array Out. GetAt(j); 
MIDPOINT Line(pDC, line. ptl, line. pt2, crColor, lineWidth); 
} 
{// 画 内 环 
for(int k=0;k<m Picker.m PolyLine. in num;k++){ 
for(int j=0;j<m Picker.m PolyLine.m PolyLine array in[k].GetSize();j++){ 
line=m Picker.m PolyLine.m PolyLine array_in[k].GetAt(j); 
MIDPOINT_ Line(pDC, line. pt1, line. pt2, crColor, lineWidth); 


} 


else if(m Picker. picktype == pick_rect){//5. 判 断 是 否 在 裁剪 矩形 上 , 画 拾取 的 矩形 
MIDPOINT_Line (PDC, CPoint (m_Picker. m_CutRect. xL, m_Picker. m_CutRect. yT), CPoint (m_ 
Picker.m CutRect. xL,m Picker.m CutRect.yB),crColor, lineWidth); 
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MIDPOINT Line(pDC, CPoint (m_Picker. m_CutRect. xL, m_Picker. m_CutRect. yT), CPoint (m_ 
Picker.m CutRect. xR,m Picker.m CutRect. yT), crColor, lineWidth); 

MIDPOINT Line(pDC, CPoint (m_Picker. m_CutRect. xR, m_Picker. m_CutRect. yB), CPoint (m_ 
Picker.m CutRect.xR,m Picker.m CutRect. yT),crColor, lineWidth); 

MIDPOINT Line(pDC, CPoint (m_Picker. m_CutRect. xR, m_Picker. m_CutRect. yB), CPoint (m_ 
Picker.m CutRect. xL,m Picker.m CutRect. yB),crColor, lineWidth); 

} 
} 


对 拾取 的 图 元 进行 图 形变 换 的 代码 如 下 : 


/六 关 凑 关 尖 其 关 关 类 闪闪 关 关 闪闪 其 关 关 凑 尖 关 六 关 尖 基 其 尖 关 关 基 其 关 关 关 关 关 新 凑 凑 关 其 凑 关 关 凑 关 其 凑 尖 六 凑 凑 尖 关 凑 基 六 关 关 关 其 产 凑 关 其 源源 产 关 
TransforOf_2D_Picker: 对 拾取 的 图 形 进行 几何 变换 
m_Picker: 拾取 的 图 形 ; m_Matrix[][3]: 几何 变换 矩阵 
// 并 关 关 美 关 美美 美美 关 闫 舌 关 闫 关 闫 关 关 美美 闫 关 关 美美 闫 舌 闫 闫 关 美美 尖 闫 尖 闫 舌尖 闫 关 闫 舌尖 闫 闫 闫 关 关 美美 闫 关 关 闫 关 美 关 关 闫 甘美 关 关 关 关 闫 关 关 
void TransforOf 2D Picker(CPicker& m Picker, double m Matrix[ ][3]){ 
if(m Picker. picktype == pick_line){//1. 判断 线段 组 ,转换 
GetNewPoint(m Picker.m Line.ptl,m Matrix); 
GetNewPoint(m Picker.m Line.pt2,m Matrix); 
} 
else if(m Picker. picktype == pick_circle){//2. 判断 是 否 为 圆 ,转换 圆 
if(m Picker.m Circle.Type == 0){ 
GetNewPoint(m Picker.m Circle.Opt,m Matrix); 
m Picker.m Circle. rLength/ =m Matrix[2][2]; 
} 
else{ 
GetNewPoint(m Picker.m Circle.Opt,m Matrix); 
m Picker.m Circle. rLength/ = (double)m Matrix[2][2]; 
GetNewPoint(m Picker.m Circle. Spt,m Matrix); 
GetNewPoint(m Picker.m Circle. Ept,m Matrix); 


} 
else if(m Picker.picktype == pick_ellipse){//3. 判 断 是 否 为 椭圆 ,转换 拾取 的 椭圆 
GetNewPoint(m Picker.m Ellipse. Opt,m Matrix); 
m_Picker.m Ellipse.a/ =m Matrix[2][2]; 
m_Picker.m Ellipse.b/ =m Matrix[2][2]; 
} 
else if(m Picker. picktype == pick_polyline){//4. 判断 是 否 为 多 边 形 边 ,转换 
CLine line; 
// 外 环 
for(int j=0;j<m Picker.m PolyLine.m PolyLine array Out.GetSize();j++){ 
line = m Picker.m PolyLine.m PolyLine array Out. GetAt(j); 
GetNewPoint(line. ptl,m Matrix); 
GetNewPoint(line. pt2,m Matrix); 
m Picker.m PolyLine.m PolyLine array Out. InsertAt(j,line); 
m Picker.m PolyLine.m PolyLine array Out.RemoveAt(j+1); 
} 
for(int k=0;k<m Picker.m PolyLine. in_num;k++){// 内 环 
for(int j=0;j<m Picker.m PolyLine.m PolyLine array in[k].GetSize();j++){ 
line=m Picker.m PolyLine.m PolyLine array in[k].GetAt(j); 
GetNewPoint (line. ptl,m Matrix); 
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GetNewPoint (line. pt2,m Matrix); 
m Picker.m PolyLine.m PolyLine array in[k].InsertAt(j,line); 
m Picker.m PolyLine.m PolyLine array in[k].RemoveAt(j+1); 


} 

} 

else if(m Picker.picktype == pick_rect){//5. 判 断 是 否 为 裁剪 矩形 ,转换 
CPoint pt; 
pt.x=m Picker.m CutRect. xL; 
pt.y=m Picker.m CutRect. yT; 
GetNewPoint(pt,m Matrix); 
m Picker.m CutRect.xL= pt.x; 
m Picker.m CutRect. yT = pt.y; 
pt.x=m Picker.m CutRect. xR; 
pt.y=m Picker.m CutRect. yB; 
GetNewPoint(pt,m Matrix); 
m Picker.m CutRect.xR= pt.x; 
m Picker.m CutRect. yB= pt.y; 


} 


2. 对 象 捕捉 技术 

在 对 图 形 进 行 特 定 操作 时 ,为 了 实现 设 定 的 目标 ,需要 定位 图 形 的 某 些 特征 点 ,如 直线 / 
圆 弧 的 端点 、 中 点 、 圆 心 以 及 相 切 点 等 ,这 种 定位 操作 又 称 为 对 象 捕捉 技术 ,一般 情 况 下 对 象 
捕捉 的 都 是 点 。 因 为 捕捉 的 对 象 是 相关 图 元 的 特征 点 ,所 以 ,对 象 捕捉 首先 需要 选取 图 形 ， 
然后 ,再 分 析 选 取 的 图 形 , 并 将 图 形 中 和 当前 操作 相关 的 特征 点 实时 地 显示 出 来 ,以 供 选取 
捕捉 。 所 以 ,图 形 选 取 是 实现 对 象 捕捉 的 前 提 , 对 象 捕捉 也 可 以 看 作 是 对 选择 图 形 的 二 次 拾 
取 。 注 意 , 该 选取 的 图 形 与 拾取 处 理 的 图 形 可 以 相同 ,也 可 以 不 同 。 在 前 述 的 图 形 拾 取 结 构 
类 中 ,可 以 再 加 入 供 对 象 捕 提 的 特征 点 的 拾取 ,参考 如 下 : 





class CPicker:CDraw{ 
public: 
CPicker(){ 


capturedFlag = 0; 
} 


// 加 入 捕捉 拾取 点 的 集合 

CArray < CPoint, CPoint > m_capture point; 

int capturedFlag; // 是 否 已 经 拾取 过 该 点 ,0: 没有 ,1: 已 经 拾取 过 
}; 


同 理 , 在 前 述 的 绘制 拾取 图 形 函 数 DrawPicker() 中 也 需 加 入 对 拾取 点 的 绘制 ,代码 如 下 : 
void DrawPicker(CDC * pDC, CPicker Sm_Picker, COLORREF crColor, int lineWidth = 0){// 画 拾取 的 图 形 
if (m Picker.m capture point. GetSize()> 0){ // 画 拾取 点 

CPoint pt; 


for(int i=0;i<m Picker.m capture point.GetSize();i+t+){ 
pt=m Picker.m capture point.GetAt(i); 
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DrawPoint(pDC, pt, HIGHLIGHTCOLOR) ; 


; 


在 绘制 单个 点 的 函数 DrawPoint() 中 ,为 了 突出 拾取 或 者 捕捉 的 点 , 除 采用 高 亮度 对 
其 显示 外 ,也 可 以 将 其 用 更 “大 ”的 点 或 者 明显 图 线 来 绘制 。 用 更 “大 ”点 绘制 的 代码 参考 


如 下 ， 


void DrawPoint(CDC * pDC,CPoint pt, COLORREF crColor){ // 突 出 绘制 点 Pt 


CPoint ptl = 


pt;pDC—> SetPixel (pt, crColor); 


ptl.x—-=1; pDC—> SetPixel(ptl1,crColor); 


ptl = pt;ptl 


ptl = pt;ptl. 
ptl = pt;ptl. 
ptl = pt;ptl. 
ptl = pt;ptl. 
ptl = pt;ptl. 


ptl = pt;ptl 
| 


.X+= 1;pDC—> SetPixel(ptl, crColor); 

Y-=1; pPDC-> SetPixel(ptl, crColor); 

y+= 1;pDC—> SetPixel(ptl, crColor); 

x-=1; ptl.y-=1; pDC—> SetPixel(ptl1,crColor); 
x+=1;ptl.y-=1; pDC—> SetPixel(ptl,crColor); 
x-=1;ptl.y+= 1;pDC— > SetPixel(ptl, crColor); 
.xX+= 1;ptl.y+= 1;pDC—> SetPixel(ptl1,crColor); 


对 于 拾取 的 图 形 , 再 二 次 拾取 其 特征 点 ,用 于 对 象 捕 提 。 其 中 ,拾取 直线 以 及 获取 直线 
上 拾取 点 的 函数 代码 参考 如 下 : 


bool CheckIsCapture(CPoint &point, CArray < CLine,CLine> &m line array,CPicker &m_Picker){ 
// 判 断 是 否 捕捉 直线 段 的 端点 及 中 点 
if(m_line array. GetSize()> 0){// 逐 条 直线 判断 是 否 拾取 


CLine line; 


for(int i=0;i<m line array.GetSize();i++){ 


line=m line array. GetAt(i); 


if( 
if( 


CheckIsPicked(point, line) == true){ // 判 断 直线 是 否 被 拾取 
m_Picker.m_capture_point.GetSize()>=2){ 


if(m_Picker.m_capture_point. GetAt (0) == line. ptl&&m_Picker.m_capture_point. GetAt (2) == 
line. pt2){// 已 拾取 过 ,不 必 重 新 拾取 
m Picker. capturedFlag= 1; 


return true; 
} 
} 
// 重 新 获得 拾取 的 点 对 象 
CPoint pt; 
m_ Picker.m capture_ point. RemoveAll(); 
m Picker. capturedFlag = 0; 


pt= line. ptl; // 端 点 1 
m Picker.m capture point. Add(pt); 
pt = line. pt2; // 端 点 2 


m Picker.m capture point. Add(pt); 

pt.x= (line.pt1.x+ line.pt2.x)/2; // 中 点 
pt.y= (line.ptl.y+ line. pt2. y)/2; 

m Picker.m capture point. Add(pt); 

return true; 
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} 
} 
} 
return false; 
} 
在 其 他 拾取 图 元 上 获取 特征 点 的 方法 和 上 述 获取 拾取 直线 上 点 的 方法 类 似 , 不 再 袭 述 。 
3. 鼠标 交互 操作 等 交互 技术 
图 形 拾取 、 对 象 捕 提 以 及 实时 图 形变 换 等 ,都 离 不 开 鼠 标的 交互 操作 。 由 于 鼠标 操作 非 
常 直 观 和 交互 感 强 , 所 以 在 计算 机 图 形 系统 中 , 它 是 一 种 非常 重要 的 交互 手段 。 鼠 标 操作 有 
移动 鼠标 、 鼠 标 左 右键 单 击 、 鼠 标 滚轮 操作 以 及 这 几 种 鼠标 操作 的 组 合 等 多 种 。 
通过 移动 鼠标 可 以 拾取 和 捕捉 图 形 , 也 可 以 直接 进行 图 形变 换 , 并 利用 “ 异 或 "绘图 特性 
或 者 直接 刷新 屏幕 ,来 实时 显示 变换 的 图 形 。 在 VC++ 中 ,鼠标 移动 对 应 的 消息 函数 是 
OnMouseMove() ,其 参数 point 中 包含 鼠标 当前 所 在 屏幕 点 的 坐标 信息 。 利 用 当前 鼠标 点 
和 图 形 进行 计算 判断 , 即 可 实现 图 形 拾取 ,或 者 将 当前 鼠标 点 和 前 一 个 鼠标 移动 点 的 坐标 进 
行 比较 , 即 可 实现 平移 变换 或 者 缩放 判断 等 。 例 如 ,利用 鼠标 实时 图 形 拾取 ,在 
OnMouseMove() 函 数 中 的 代码 参考 如 下 : 
if(this->m_iflag==- 1){//m_iflag=- 1, 表 示 此 时 没有 其 他 图 形 功能 操作 ,可 以 进行 拾取 
// 逐 个 对 现 有 的 图 形 判断 ,是 否 被 拾取 ,或 已 被 拾取 ,m_Picker0 为 临时 拾取 图 形 类 





int iflag=0; // 设 置 拾取 标识 

if(CheckIsPicked(point,m_line array,m_Picker0) == true) // 判 断 直线 段 的 拾取 
iflag=17 

else if(CheckIspPicked(point,m_circle array,m_Picker0) == true) // 判 断 圆 的 拾取 
iflag=1; 

else if(CheckIsPicked(point,m ellipse array,m Picker0) == true) // 判 断 椭圆 的 拾取 
iflag= 1; 

else if(CheckIsPicked(point,m_PolyLine, iPolyLine,m_Picker0) == true) // 判 断 多 边 形 
iflag=1; 

else if(CheckIsPicked(point,m_cutRect,m_Picker0) == true) // 判 断 裁剪 矩形 的 拾取 
iflag=1; 


if(iflag ==1){// 有 拾取 , 则 判断 是 否 重 画 
if(m Picker0. stateFlag == 1){ 
Invalidate( ); 
} 
} 
else{// 无 拾取 ,如 原来 有 拾取 , 则 不 再 显示 
if(m Picker0.picktype!= pick none){ 
m Picker0. picktype = pick none; 
Invalidate( ); 


有 

单 击 操作 主要 起 一 个 确认 的 作用 。 例 如 ,在 上 述 鼠 标 移动 拾取 某 图 元 后 单 击 ,确定 拾取 
操作 结束 ,不 再 拾取 其 他 图 元 , 单 击 消息 函数 OnLButtonDown() 中 ,完成 上 述 拾取 确定 的 
代码 参考 如 下 : 
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if(this—>m iFlag==—1){ 
if(m Picker0. picktype!= pick none){ 
CopyPicker (m_Picker,m Picker0); // 设 置 临时 拾取 图 形成 为 正式 拾取 
m Picker0. picktype = pick_none; 
m Picker0.m capture point. RemoveAll(); 
Invalidate( ); 


} 


对 象 捕捉 的 鼠标 交互 操作 和 图 形 拾取 的 鼠标 操作 方法 类 似 ,在 鼠标 移动 消息 函数 
OnMouseMove() 中 ,捕捉 选取 图 形 的 特征 点 (代码 和 上 述 图 形 拾取 类 似 , 不 再 费 述 ) ,然后 ， 
通过 单 击 对 捕 提 点 进行 确认 。 例 如 ,在 旋转 变换 中 ,在 OnLButtonDown() 函 数 中 确定 旋转 
中 心 的 参考 代码 如 下 : 

if(m_iFlag == 9){// 旋 转变 换 

m_Transform2DD1g ~ >m_X= point. x; //m_Transform2DD1g 是 旋转 变换 对 话 框 

m_Transform2DD1g 一 >m_Y= point. Yi 


for(int i=0;i<m Picker0.m capture point. GetSize();i++){ // 判 断 当前 点 是 否 捕捉 的 点 
if((point.x— m Picker0.m capture point. GetAt(i).x) * (point.x— m_ Picker0.m_ capture_point, 





GetAt(i).x) + (point. y ~ m_Picker0.m capture_ point. GetAt (i).y) * (point.y— m_PickerO.m_ 
capture_point, GetAt(i).y)< EPSLON){ // 将 捕 提 点 赋 给 旋转 中 心 
m Transform2DD1g—>m X=m Picker0.m capture point.GetAt(i).x; 
m Transform2DDlg—>m Y=m Picker0.m capture point.GetAt(i).y; 
m_Picker.m capture_point. RemoveAll(); 
m_Picker.m capture_point. Add(m Picker0.m capture_point. GetAt(i)); 
m Picker0.m capture point. RemoveAll(); 
Invalidate( ); // 刷 新 屏幕 
break; 
} 
} 
m_Transform2DD1g 一 > UpdateData( FALSE); 
| 


将 两 种 鼠标 操作 组 合 在 一 起 ,也 可 以 实现 相关 图 形 处 理 , 例 如 ,鼠标 移动 的 同时 按 下 左 
键 ,以 实现 图 形 的 实时 移动 、 缩 放 、 旋 转 等 几何 变换 。 在 鼠标 移动 函数 OnMouseMove() 中 ， 
图 形 的 平移 变换 代码 参考 如 下 : 


if(this—>m iFlag== 8){ //m_iFlag = 8 是 平移 变换 的 标识 
if(nFlags == MK_LBUTTON&&pickstep == 1){ // 是 否 左 键 同时 被 按 下 
int x dis= point. x— pickPt. x; // 计 算 x 方向 移动 量 
int Y_dis = point. y ~ pickPt. y; // 计 算 y 方 向 移动 量 


double m Matrix[3][3]; 
Get2DMatrix(m Matrix,0,0,x dis,y dis,0); // 移 动 变换 矩阵 


TransforOf2D Single(m Matrix); // 对 拾取 图 形 进行 变换 
PickPt = point; // 保 存 当 前 点 
Invalidate(); // 刷 新 屏幕 
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利用 对 话 框 进行 数据 交互 也 是 图 形 处 理 的 常用 手段 ,例如 对 于 旋转 变换 ,旋转 角度 和 旋 
转 中 心 除 了 采用 鼠标 交互 外 ,也 使 用 对 话 框 的 形式 动态 设置 变换 数据 。 上 述 的 旋转 变换 非 
模式 对 话 框 m_Transform2DDlg 如 图 5. 2-17 所 示 。 通 过 微调 按钮 Spin 设置 旋转 角度 并 调 
用 旋转 变换 函数 。m_Transform2DDlg 中 微调 按钮 消息 函数 代码 参考 如 下 : 


void CTransform2DD1g: :OnDeltaposSpinl (NMHDR * pNMHDR, LRESULT * pResult) { 
NM_UPDOWN * pNMUpDown = (NM_UPDOWN * )pNMHDR; 


UpdateData( TRUE) ; 

this—>m dblAngle—= 1 * pNMUpDown — > iDelta; // 设 置 显示 的 旋转 角度 
double angle = ( — 1.0) * pNMUpDown — > iDelta; // 每 次 变换 旋转 1" 
m_pView 一 > Rotate2D(angle,this 一 >m_X,this->mY);  // 在 view 里 执行 旋转 变换 
UpdateData( FALSE); 


x*pResult = 0; 
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图 5.2-17 利用 对 话 框 交互 实现 旋转 变换 





视图 中 的 旋转 变换 函数 参考 代码 为 : 


void CCGTest002View: :Rotate2D( double gm dblAngle, double &m dblX, double &m dblY){ 
double m Matrix[3][3]; 

RotateTransform2D(m_Matrix, m_dblX, m_dblY, m_dblAngle) ; // 计 算 旋转 变换 矩阵 
TransforOf2D_Single(m Matrix); // 拾 取 图 形 旋转 变换 
Invalidate(); 

} 


在 进行 图 形 处 理 时 ,只 有 具备 某 种 条 件 才能 进行 某 种 对 应 的 图 形 操作 。 为 了 避免 不 满 
足 条 件 时 的 误 操 作 , 需 进 行 条 件 判断 ,并 设置 是 否 可 执行 图 形 操作 功能 的 状态 。 例 如 ,对 失 
取 图 形 的 移动 变换 ,只 有 拾取 了 图 形 ,移动 变换 工具 栏 或 者 菜单 项 才 处 于 激活 状态 ,如 无 拾 
取 , 该 工具 栏 或 菜单 项 则 处 于 失效 状态 ,不 能 进行 单 击 操作 。 设 置 方法 是 处 理 该 工具 栏 ID 
对 应 的 消息 UPDATE_COMMAND_UI, 消 息 处 理 函 数 参 考 代码 如 下 : 

void CCGTest002View: :OnUpdateMove2d(CCmdUI * pCmdUI) { 


pCmdUI — > Enable(m Picker.picktype!= pick none?true:false); 
} 
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5.3 三 维 图 形 儿 何 变换 


5.3.1 三 维 图 形 基 本 变换 及 组 合 变 


三 维 图 形 的 几何 变换 和 二 维 图 形 的 几何 变换 非常 类 似 , 区 别 在 于 二 维 图 形 是 平面 图 形 ， 
只 有 xz 和 yy 坐标 ; 三 维 图 形 是 立体 空间 图 形 , 三 维 图 形 点 除了 x 和 y 坐标 外 ,还 有 < 坐标 。 
设 三 维 空间 点 PC(z,y,x) ,用 齐 次 坐标 表示 为 [z y > 1], 三 维 空间 点 的 几何 变换 为 
ls 有 T= 3 Lr 
其 中 ,7T 为 三 维 变换 矩阵 ,具体 如 下 : 





区 ,大 赤潮 
0 e fa 
A 
il m n 5s 
放 区 这 
在 变换 矩阵 了 中 ,|d e 了 | 使 图 形 产 生 比 例 、 镜 像 、 错 移 、 旋 转 等 基本 变换 ; 
矶 [ 范 少 








[1 mr 2] 使 图 形 产 生平 移 变 换 ， [p gq 7]7 可 使 图 形 产生 透视 变换 ，[s] 使 图 形 产生 全 
比例 变换 。 


1. 恒 等 变 换 
变换 矩阵 为 
站 -本 1 过 
了 和 放 
T= 
00 L110 
000 1 
2. 比例 变换 
变换 矩阵 为 
wD 0 
总 蕊 动 只 
置 王 
芒 站 上 条 
G0 nO 


其 中 ,ae 分 别 是 x、y、z 方 向 的 比例 因子 。 
4 一 e 一 ) 一 1 一 一 人 恒 等 变 换 ; 
4 一 e 一 />1 一 zy 三 向 等 比例 放大 ; 
4 一 e 一 ) 志 1 一 -zy 三 向 等 比例 缩小 ; 
4a 天 ee 天 ij) 一 zy 三 向 放大 倍数 不 一 样 ,图 形 畸 变 ; 
a 二 0 一 一 图 形 压缩 到 yOz 平面 上 ; 
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e 二 0 一 一 图 形 压 缩 到 xOz 平面 上 ; 

二 0 一 一 图 形 压缩 到 xOy 平 面 上 ; 

a 二 0,e 二 0 一 一 图 形 压 缩 到 <x 轴 上 ; 

4a 一 0,j 一 0 一 一 图 形 压 缩 到 > 轴 上 ; 

e 二 0,j 二 0 一 一 图 形 压缩 到 xz 轴 上 ; 

a 二 0,e 二 0,j 二 0 一 一 图 形 压 缩 为 一 点 , 即 原点 。 
3. 全 比例 变换 





变换 矩阵 为 
| 9) 站 
0 1 0 0 
T= 
1 必 油 
A ; 
4. 镜像 变换 
对 zOy 平面 的 镜像 变换 矩阵 为 
Lo 0 0] 
Q 1 0 0 
T= 
0 0 = 下 
0 0 | 
2ZOz 平面 的 镜像 变换 矩阵 为 
1 由 次 WT 
gy =L1@ 帮 
T= 
Lb 千 
0 下 本 汤 J 
yOx 平面 的 镜像 变换 矩阵 为 
一 站 和 现 人 
og lo0 0 
T= 
0 0 1 0 
名 和 
5. 错 移 变换 


沿 z 轴 错 移 变换 有 两 种 情况 。 

@ 沿 z 含 y 错 移 (z 坐标 的 变化 量 为 dy) ,变换 矩阵 为 
证 六 访 
1 人 0 
i 
UO Oi 

@@ 沿 z 含 z 错 移 (z 坐标 的 变化 量 为 hz) ,变换 矩阵 为 

0 


~ SO Sono 


0 
1 
0 卫 
0 0 
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沿 > 轴 错 移 变 换 有 两 种 情况 。 
中 沿 > 含 zx 错 移 (y 坐标 的 变化 量 为 wz) ,变换 矩阵 为 
[1 而 0 0 
人 工 四 油 
| 
[lo oo 1 
回 沿 y 含 = 错 移 (y 坐标 的 变化 量 为 这 ) ,变换 矩阵 为 
[县 全 遇 : 允 
1 工 从 
站 党 卫 
lo oo 
沿 = 轴 错 移 变换 有 两 种 情况 。 
中 沿 = 含 zx 错 移 (= 坐 标的 变化 量 为 cz) ,变换 矩阵 为 
1 


时 一 








~ 局 口 
L 


站 运 人 0 
1 v0 
T= 
0 1 
8 0 击 了 | 
四 沿 = 含 y 错 移 (z 坐标 的 变化 量 为 Ar ) ,变换 矩阵 为 
1 0 0 0] 


T= 





0 1 
0 0 1 0 
0 
6. 旋转 变换 
在 三 维 空间 中 ,分别 可 以 绕 zx、\y、\x 三 个 轴 进 行 旋转 变换 。 绕 z+、y、z 轴 的 旋转 角 分 别 用 
9、p、y 表示 ,角度 正 负 按 右手 定 则 确定 。 
根据 二 维 旋转 变换 可 以 直接 推导 得 出 三 维 旋 转变 换 , 其 中 , 绕 x 轴 旋 转变 换 公式 为 
xX" = zxcosy— ysing 
”一 zsingt ycosy 


变换 矩阵 为 

cosy sinmW 0 0 
一 sinmW cospy 0 0 

0 0 1 0 

0 0 四 

绕 工 轴 旋转 ,可 把 y 轴 看 成 x 轴 ,zx 轴 看 成 y 轴 , 符 合 右手 
定 则 ,如 图 5. 3-1 所 示 。 利 用 二 维 旋转 变换 可 推导 x 轴 旋 转变 
换 公式 为 


= 





其 


5.3-1 绕 x 轴 旋转 变换 
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区 = ycosb 一 zsing 
xz” 一 ysin0 十 zcos0 
变换 矩阵 为 
1 0 0 0 
0 cosg sin0 0 
0 一 sing cos0 0 
0 0 0 1 
绕 > 轴 旋 转 , 可 把 轴 看 成 x 轴 ,z 轴 看 成 y 轴 , 如 图 5.3-2 所 示 , 符 合 右 手 定 则 。 利 用 
二 维 旋转 变换 可 推导 绕 > 轴 旋 转变 换 公式 为 





gl Xx" = Zcosy 十 zsing 
用 : = 
[ty z” =— xsing+t zcosg 
0 变换 矩阵 为 
* 46 0 加 cosp 0 一 sinp 0 
元 0 1 0 0 
上 T= 

sing 0 cosp 0 

图 5.3-2 绕 y 轴 旋转 变换 0 0 0 1 
7. 平移 变换 
变换 矩阵 为 

1 站 机 


其 中 ,mm 分别 是 zx、y、z 方 向 的 移动 量 。 

同 二 维 变换 ,三 维 变换 的 基本 变换 都 是 相对 于 原点 ,或 某 一 坐标 轴 , 或 某 一 坐标 平面 的 ， 
那么 相对 于 任意 点 、 任 意 直线 或 任意 平面 的 变换 就 要 用 到 组 合 变换 。 

同 二 维 组 合 变换 ,也 是 先 把 相对 于 任意 点 、 任 意 直线 或 任意 平面 的 变换 先 转换 为 基本 变 
换 ( 即 相对 于 原点 或 三 个 坐标 轴 或 三 个 坐标 平面 的 变换 ) ,再 顺序 返回 。 

三 维 图 形变 换 统一 的 变换 矩阵 函数 代码 参考 如 下 : 


/ 关 关 关 关 关 关 其 关 关 其 尖 关 凑 尖 尖 关 凑 关 凑 尖 关 关 其 尖 凑 关 关 凑 尖 关 关 其 关 凑 尖 关 其 关 尖 尖 尖 关 关 其 尖 其 其 尖 关 尖 关 凑 其 尖 尖 尖 关 其 尖 关 尖 其 闪闪 尖 关 其 凑 关 

GetMatrix: 创建 三 维 图 形 的 齐 次 基本 变换 矩阵 

matrix[][4] : 创建 的 二 维基 本 变换 矩阵 ; iFlag:0 移动 ,1: x 轴 旋 转 ,2: 了 轴 旋转 ,3: z 轴 旋 转 ， 
4: x 镜像 ,5: y 镜像 ,6: z 镜像 ,7: x 错 移 ,8: y 错 移 ,9: z 错 移 ,10: 缩放 ; rotateAngle: 旋转 角度 ; 
x_dis, double y_dis, z_dis: 平移 变换 的 距离 及 错 移 变换 时 坐标 轴 方 向 系数 ; dbl_zoom: 全 比例 缩放 
系数 

美美 美美 闫 闫 美美 尖 闫 闫 闫 美美 闫 甘美 尖 闫 甘美 尖 尖 奖 甘 闫 尖 闫 美美 闫 尖 闫 甘美 尖 闫 闫 甘美 闫 闫 美美 关 闫 闫 美美 关 闫 闫 关 闫 闫 闫 闫 关 关 甘美 关 关 关 关 关 关 人 

void GetMatrix (double matrix[ ] [4], int iFlag, double x_dis, double y_dis, double z_dis, 
double rotateAngle, double dbl] zoom){ 

for(int i=0;i<4;it+){ 
for(int j=0;j<4;j++) 


(matrix[i][j])=0; 
} 
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matrix[0][0] = 1;matrix[1][1] =1;matrix[2][2] = 1;matrix[3][3] =1; 


if(iFlag== 0) // 移 动 


matrix[3][0] =x dis;matrix[3][1] =y dis;matrix[3][2] = z_dis; 


else if(iFlag==1){ //x 旋转 
matrix[1][1] = cos(PI/180 * rotateAngle); 
matrix[1][2] = sin(PI/180 * rotateAngle); 
matrix[2][1] = (—1) * sin(PI/180 * rotateAngle); 
matrix[2][2] = cos(PI/180 * rotateAngle); 

. 


else if(iFlag ==2){ // 了 旋转 
matrix[0][0] = cos(PI/180 * rotateAngle); 
matrix[0][2] = (一 1) * sin(PI/180 * rotateAngle); 
matrix[2][0] = sin(PI/180 * rotateAngle); 
matrix[2][2] = cos(PI/180 * rotateAngle); 

} 

else if(iFlag == 3){ //z 旋转 
matrix[0][0] = cos(PI/180 * rotateAngle); 
matrix[1][0] = (一 1) * sin(PI/180 * rotateAngle); 
matrix[0][1] = sin(PI/180 * rotateAngle); 
matrix[1][1] = cos(PI/180 * rotateAngle); 

} 

else if(iFlag == 4) //xoy 镜像 
matrix[2][2] =—1; 

else if(iFlag == 5) //y0z 镜像 
matrix[0][0] =—1; 

else if(iFlag==6 //zOx 镜像 
matrix[1][1] =—1; 

else if(iFlag==7){ //x 错 移 


matrix[1][0] =y_dis; 
matrix[2][0] =z_dis;} 
else if(iFlag == 8){ //y 错 移 
matrix[0][1] =x_dis; 
matrix[2][1] =z_dis; 
} 
else if(iFlag== 9){ //z 错 移 
matrix[0][2] =x_dis; 
matrix[1][2] =z_dis; 
} 
else if(iFlag ==10) // 缩 放 
matrix[3][3] = dbl_zoom; 








’. 
三 维 图 形 组 合 变换 时 ,矩阵 相 乘 的 函数 代码 参考 如 下 : 


/ 尖 尖 尖 闫 闫 闫 关 关 关 舌尖 六 尖 尖 六 六 美美 闫 美美 关 关 尖 闫 尖 尖 尖 尖 闫 江美 闫 美美 关 关 舌尖 闫 并 尖 尖 尖 尖 关 美光 美美 闫 闫 舌尖 闫 关 关 尖 尖 尖 尖 尖 关 闫 闫 闫 闫 闫 关 


MatrixXMatrix: 矩阵 相 乘 函 数 
matrix0[][4]: 矩阵 1 及 返回 的 矩阵 ; matrixl[][4]: 矩阵 2 


尖 尖 美美 美美 关 关 关 关 关 尖 并 六 尖 尖 美美 闫 美美 闫 舌尖 关 尖 关 尖 尖 尖 尖 尖 美美 闫 闫 关 关 闫 关 关 尖 尖 尖 尖 尖 闫 关 闫 闫 闫 奖 关 美美 关 关 尖 尖 尖 关 尖 关 关 关 关 关 / 


void MatrixXMatrix( double matrix0[ ][4], double matrixl[][4]){ 
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double matrix2[4][4]; 
for(int i=0;i<4;it+){ 
for(int j=0;j<4;j++){ 
matrix2[i][j] =0.; 
for(int k=0;k<4;k++){ // 旧 点 
matrix2[i][j] += matrix0[i][k] * matrixl[k][j]; 
} 
} 
} 
for(i=0;i<4;i++){ 
for(int j=0;j<4;j++){ 
matrix0[i][j] = matrix2[i][j]; 
} 


) 
5.3.2 三 维 图 形 的 线 框 拉 伸 造型 方法 


在 进行 三 维 图 形变 换 前 ,首先 需要 解决 三 维 图 形 的 输入 和 表示 等 问题 。 对 于 二 维 平面 
图 形 ,由 于 维 数 和 显示 设备 相同 ,所 以 ,二 维 图 形 点 可 以 直接 通过 鼠标 屏幕 拾取 获得 ,而 三 维 
图 形 点 是 空间 立体 点 ,三维 点 的 坐标 不 能 通过 鼠标 屏幕 拾取 获得 。 一 种 比较 简单 的 三 维 图 
形 点 的 产生 方法 是 将 拾取 的 屏幕 点 增加 = 坐标 值 并 使 > 一 0, 从 而 把 二 维 点 转化 成 三 维 点 。 
在 计算 机 中 ,空间 形体 的 生成 采用 的 是 由 点 形成 线 . 线 构成 面 \ 面 构成 物体 .物体 生成 场景 的 
方法 ,因此 ,对 空间 物体 通常 可 将 其 视 为 某 些 元 素 即 点 、 线 、 面 等 的 集合 。 三 维 空间 形体 在 计 
算 机 内 常用 的 表示 方法 有 线 框 模型 .表面 模型 和 实体 模型 ,如 图 5. 3-3 所 示 。 所 谓 线 框 模 型 
是 用 物体 的 楼 边 和 轮廓 线 来 表示 一 个 物体 的 几何 外 貌 ,这 时 ,整个 物体 看 起 来 就 像 建筑 物 的 
框架 。 表 面 模型 是 利用 组 成 物体 表面 的 有 边界 的 面 集合 来 表示 物体 的 形状 ,由 于 面 是 由 点 、 
线 构成 的 ,因此 , 面 模型 中 包含 了 物体 线 框 模型 的 信息 。 实 体 模型 则 既 包 含 了 物体 表面 的 信 
息 ,又 包含 了 物体 内 部 实心 部 分 的 信息 ,因此 实体 模型 可 以 完整 地 描述 一 个 实际 的 几何 
物体 。 











5.3-3 ”三维 形体 表示 : 线 框 模型 .表面 模型 实体 模型 


三 维 形体 的 常用 造型 方法 有 平移 扫 掠 造型 和 旋转 扫 掠 造型 。 平移 扫 掠 是 指 二 维 平面 图 
形 向 某 一 方向 扫 掠 (最 常用 的 是 平面 垂直 方向 拉 伸 ) 而 产生 空间 形体 ,旋转 扫 掠 则 是 指 一 个 
二 维 平面 图 形 围绕 一 个 轴线 进行 旋转 而 产生 空间 形体 的 造型 方法 。 

在 三 维 图 形变 换 时 ,由 于 不 涉及 复杂 的 图 形 处 理 , 因 此 ,三 维 形体 采用 较为 简单 的 线 框 
模型 表示 ,并 通过 将 屏幕 二 维 图 形 沿 = 向 拉 伸 扫 掠 的 方法 进行 三 维 造型 。 
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一 个 简单 平面 线 框 拉 伸 体 的 结构 逻辑 可 如 图 5. 3-4 所 示 。 










































































平面 线 栖 拉 伸 体 
上 上 底面 鲁 形 | | 上 底面 同形 拉 伸 基 章 创 形 拉 伸 长 度 
-PS PVR 
外 环 内 环 1 内 环 2 
wi | | 如 | 
顶点 1 顶点 2 
图 $.3-4 简单 平面 线 框 拉 伸 体 的 结构 逻辑 
三 维 图 形 项 点 的 齐 次 坐标 表示 可 参考 如 下 : 
class CPoint3D{ 
public: 
CPoint3D(){ 
x=0;y=0;z=0;s=1.0;} 
double x ,y, z,s; // 三 维 点 的 x、y、z 坐标 变量 
CPoint3D& operator = (const CPoint &pt){ // 操 作 符 重 载 ,将 二 维 点 赋 给 三 维 点 


this 一 >x= pt.xithis 一 >Y= pt.y;this—->z=0.; 
return * this; 
} 
CPoint3D& operator = (const CPoint3D &pt3){ // 操 作 符 重 载 , 三 维 点 赋值 
if(this == gpt3){ 
return *this; 
b 
else{ 
this 一 >x= pt3.xjithis 一 >Y= pt3.y;this ->z= pt3.2; 
return *this; 


. 
bool operator == (const CPoint3D gps){ // 操 作 符 重 载 ,判断 两 个 三 维 点 是 否 相 同 
if(abs(this ->x— ps.x)< error&&abs(this ->Y- ps.y)<error&&abs(this—>z— ps.z)<error){ 
return true; 
} 
else 
return false; 


} 


CPoint& To2DPt( ){ // 三 维 点 转化 为 屏幕 二 维 点 ,只 取 点 的 x、y 坐标 
CPoint pt; 
pt.x= (int)(this 一 >x+0.5);pt.Y= (int)(this—->y+0.5); 
return pt; 


}; 
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三 维 形体 边 的 数据 结构 类 的 代码 参考 如 下 : 


class CEdge{ 
public: 
CEdge( ){}; 
CPoint3D Pt1_3D, Pt2_3D; // 棱 边 两 个 端点 
CEdge& operator = (const CEdge &edge){ // 操 作 符 重 载 , 棱 边 相等 


if(this == &edge) 

{return * this;} 

else{ 
this->Ptl_3D= edge. Pt1_3D; 
this -> Pt2_3D = edge. Pt2_3D; 
return * this; 


} 


} 

CEdge& operator = (const CLine &line){ // 操 作 符 重 载 , 棱 边 等 于 线段 
this—>Pt1 3D= line. ptl; 
this 一 > Pt2_3D= line. pt2; 
return * this; 

} 

bool operator == (const CEdge &edge){ // 操 作 符 重 载 , 判断 棱 边 是 否 相 同 


if((this -> Ptl_3D == edge.Ptl_3D&&this - > Pt2_3D == edge.Pt2_3D) | | (this -> Pt1_3D == edge. 
Pt2_3D&&gthis -> Pt2_3D == edge.Ptl_3D) ){ 
return true; 


} 
else 
return false; 


}; 
由 封闭 的 环 边 组 成 的 平面 图 形 的 结构 类 代码 参考 如 下 : 


class CEdgePlane{ 


public: 

CEdgePlane( ){ // 构 造 函数 
in num= 0; 

} 

一 CEdgePlane(){ // 析 构 函 数 
this 一 > loop_out. RemoveAll(); 
for(int i=0;i<this 一 > in num;i++) 

this 一 > loop_in[i].RemoveAll(); 

this 一 > in num= 0; 

} 


CEdgePlane& operator = (CEdgePlane &edgeplane){ // 操 作 符 重 载 
if(this== &edgeplane){ 
return * this;} 
else{ 
for(int i= 0;i< edgeplane. loop out. GetSize();i++){ 
this 一 > loop_out. RemoveAll(); 
this —> loop_out. Append( edgeplane. loop_out);} 
for(i=0;i<edgeplane. in num;i++){ 


}; 


第 5 章 图 形变 换 


this 一 > loop_in[i].RemoveAll(); 
this 一 > loop_in[i]. Append(edgeplane. loop_in[i]);} 
this 一 > in_num = edgeplane. in_num; 


return * this; 


} 

CArray < CEdge, CEdge > loop_out; // 外 环 
CArray < CEdge, CEdge > loop_in[1000]; // 内 环 数组 
int in_num; // 内 环 数量 


拉 伸 线 框 实体 的 结构 类 代码 参考 如 下 : 


class CBody_Stretch{ 
public: 


] 


CBody_Stretch( ){length= 0;} 
~CBody_Stretch( ){ // 实 体 析 构 函数 
this -> polyline.m PolyLine array_Out. RemoveAll(); 
for(int i=0;i<polyline. in num;i++){ 
polyline.m PolyLine array_in[i].RemoveAll();} 
length= 0; 
for(i=0;i<2;i++) 
EdgePlane[ i]. ~CEdgePlane( ); 
} 
void ClearBody( ){ // 实 体 清空 函数 
this 一 > polyline.m PolyLine array Out.RemoveAll(); 
for(int i=0;i<polyline. in num;i++){ 
polyline.m PolyLine array_in[i].RemoveAll();} 
length= 0; 
for(i=0;i<2;i+t+) 
EdgePlane[ i]. ~CEdgePlane( ); 
} 
CBody_Stretch& operator = (CBody_Stretch &body){// 实 体 复制 
if(this== &body) 
return * this; 
else{ 
for(int i=0;i<2;i+t+) 
this — > EdgePlane[ i] = body. EdgePlane[ i]; 
this 一 > polyline = body. polyline; 
return * this; 


} 


} 
bool operator == (CBody_ Stretch &body){ // 判 断 两 个 实体 是 否 相 同 
if(this == &body) return true; 
else if(this -> polyline == body. polyline) 
return true; 
else 
return false; 
} 
CEdgePlane EdgePlane[2]; // 拉 伸 的 上 下 两 个 平面 图 形 
double length; // 拉 伸 长 度 


CPolyLine polyline; // 保 留 最 初 的 拉 伸 多 边 形 , 以 便 修 改 
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当 给 定 或 者 拾取 一 个 平面 图 形 后 ,如 多 边 形 , 则 通过 拉 伸 可 得 到 立体 图 形 。 由 于 垂直 拉 
伸 存 在 两 个 方向 ,为 了 区 分 向 哪个 方向 拉 伸 ,需要 对 平面 多 边 形 的 方向 进行 设置 。 一 般 设置 
多 边 形 的 外 环 为 道 时 针 走 向 ,内 环 为 顺 时 针 走 向 ,这 样 , 当 拉 伸 长 度 为 正 值 时 , 则 沿 外 环 的 有 
向 线段 又 积 的 矢量 方向 ( 即 x 轴 正 向 ) 拉 伸 ; 当 拉 伸 长 度 为 负 值 时 , 沿 外 环 有 向 线段 又 积 矢 
量 方向 的 反 向 ( 即 x 轴 正 向 ) 拉 伸 。 函 数 代码 参考 如 下 : 


|/ 汪汪 关 关 六 闫 闫 闫 闪闪 闫 闫 尖 关 尖 甘 尖 尖 尖 闫 其 尖 关 关 关 闫 六 尖 关 六 并 尖 关 关 并 尖 关 闫 关 关 关 闫 关 关 关 关 关 关 关 关 其 尖 尖 关 关 闫 并 尖 关 闫 关 关 关 关 关 关 并 关 关 
CreateBodyOfStretch: 创建 拉 伸 立体 
m_Body: 创建 的 拉 伸 线 框 立体 ; m_Picker: 拾取 的 平面 图 形 ; m_dblLength: 拉 伸 长 度 
关 关 关 关 尖 关 关 关 关 关 关 关 半 关 关 关 关 半 半 关 关 关 半 关 关 关 关 关 关 尖 关 关 关 关 尖 关 关 半 关 关 关 产 半 关 关 关 产 半 关 关 关 关 类 关 关 关 关 半 关 关 关 关 新 关 关 关 / 
bool CreateBodyOfStretch(CBody_Stretch &m_Body, CPicker& m_Picker, double Sm_dblLength) 
{// 将 拾取 多 边 形 转化 为 线 框 拉 伸 体 的 拉 伸 平 面 图 形 
if(m Picker. picktype == pick_polyline){ 
CBody_Stretch Body; 
CEdge edge, edgel; 
CArray < CEdge, CEdge > m_array_edge,m array_edgel; 


CPolyLine polyline; // 临 时 多 边 形 ,用 来 操作 
polyline = m Picker.m PolyLine; 

CheckAndSetDirectionOfPolyline(polyline); // 判 断 并 设置 多 边 形 的 走向 
CLine line; 


// 外 环 拉 伸 ,构造 上 下 两 个 表面 多 边 形 的 外 环 
m_array_edge. RemoveAll();m array_edgel. RemoveAll(); 
for(int j= 0;j<polyline.m PolyLine array Out.GetSize();j++){ 
line = polyline.m PolyLine array Out. GetAt(j); 
edgel = edge = line; 
edgel.Ptl1 3D.z=m dblLength; 
edgel.Pt2_3D.z=m dblLength; 
m_array_edge. Add( edge); 
m array_edgel. Add(edgel ) ; 
} 
Body. EdgePlane[ 0]. loop_out. Append(m_array_edge); // 加 入 外 环 
Body. EdgePlane[1]. loop_out. Append(m array_edgel); // 加 入 外 环 
// 内 环 拉 伸 ,构造 上 下 两 个 表面 多 边 形 的 内 环 
if(polyline. in num> 0){ 
Body. EdgePlane[ 0]. in_num = polyline. in_num; 
Body. EdgePlane[1]. in_num = polyline. in_num; 
} 
for(int k=0;k<polyline. in num;k++){ 
m array_edge. RemoveAll(); 
m array_edgel. RemoveAll(); 
for(int j=0;j<polyline.m PolyLine array in[k].GetSize();j++){ 
line = polyline.m PolyLine array_in[k].GetAt(j); 
edgel = edge = line; 
edgel.Pt1 3D.z=m dblLength; 
edgel. Pt2_3D.z = m dblLength; 
m array edge. Add(edge); 
m array_edgel. Add(edgel); 
} 
Body. EdgePlane[0]. loop in[k].Append(m array edge); 
Body. EdgePlane[1]. loop in[k].Append(m array edgel); 
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} 

Body. length= m dblLength; 

Body. polyline = m Picker.m PolyLine; 
m_Body = Body; 

return true; 


} 
else 
return false; 


» 
其 中 ,判断 并 设置 多 边 形 的 走向 的 函数 代码 如 下 : 


void CheckAndSetDirectionOfPolyline(CPolyLineg& polyline) 
{// 判 断 并 设置 多 边 形 内 外 环 的 方向 ,外 环 逆 时 针 , 内 环 顺 时 针 
CArray < CPoint, CPoint > m_point_ Array; 





// 首 先 判断 处 理 外 环 

int ringFlag; // 内 外 环 标识 符 
ringFlag= 1; /11: 外 环 ,0: 内 环 
CLine line; 


CArray < CLine,CLine> m line array; 
SortForPolyline(polyline.m_PolyLine array Out, ringFlag,m point_Array); 
for(int i=0;i<m point Array.GetSize()—1;i++){ 

line.ptl =m point Array. GetAt(i); 

line.pt2 =m point Array. GetAt(i+1); 

m line array. Add(line); 





} 
polyline.m_PolyLine array_Out. RemoveAll(); 
polyline.m_PolyLine array Out. Append(m _ line array); 
// 再 处 理 内 环 
for(i=0;i<polyline. in num;i++) { 
ringFlag = 0; 
m line array. RemoveAll(); 
SortForPolyline(polyline.m PolyLine array_in[i],ringFlag,m point_Array);{ 
for(int i=0;i<m point Array.GetSize()—1;i++){ 
line.ptl = m point Array. GetAt(i); 
line.pt2=m point Array. GetAt(i+1); 
m line array. Add(line); 
polyline.m_PolyLine_array_in[i]. RemoveAll(); 
polyline.m_PolyLine array_in[i]. Append(m line array);} 


| 


其 中 ,多 边 形 方向 的 排序 函数 SortForPolyline() 的 代码 在 4. 2. 3 节 中 已 经 列 出 ,此 处 不 


再 著述 。 


有 了 三 维 立 体 图 形 后 , 即 可 实现 对 该 三 维 图 形 的 几何 变换 ,函数 代码 如 下 : 





/ 尖 尖 美美 闫 闫 关 关 关 闫 闫 尖 尖 尖 尖 六 美光 美美 关 关 尖 关 闫 尖 尖 尖 六 区 闫 闫 闫 美英 关 关 舌尖 关 关 尖 尖 尖 尖 美美 闫 闫 美美 闫 闫 闫 闫 关 关 尖 尖 闫 尖 关 关 闫 闫 闫 闫 闫 关 


GetNewPoint: 三 维 图 形 的 几何 变换 
m_Body: 几何 变换 的 拉 伸 线 框 立体 ; m_Matrix: 几何 变换 矩阵 


关 关 尖 关 美美 半身 关 尖 尖 尖 尖 湛江 美美 美美 闫 闫 闫 闪闪 关 关 尖 尖 类 尖 尖 尖 闫 美美 闫 闫 关 关 关 关 关 关 尖 尖 闫 闫 美美 关 闫 闫 关 闫 关 关 关 关 关 尖 尖 关 关 关 / 
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void GetNewPoint (CBody_ Stretch &m Body, double m Matrix[ ][4]){ 
CPoint3D pt0_1,ptl1 1,pt0 2,ptl 2; 
CEdge edge; 
for(int i= 0;i<m Body. EdgePlane[0]. loop_out.GetSize();i++){ // 外 环 
pt0_1=m Body.EdgePlane[0].loop out.GetAt(i).Pt1 3D; 
pt0_2=m Body.EdgePlane[0].1loop out.GetAt(i).Pt2 3D; 
GetNewPoint (pt0_1,m Matrix); 
GetNewPoint (pt0_2,m Matrix); 
edge. Pt1 3D=pt0_1; 
edge. Pt2 3D= pt0_2; 
m_Body. EdgePlane[0]. loop_ out. InsertAt(i, edge); 
m_Body. EdgePlane[0]. loop_out. RemoveAt(i+1); 
ptl_1=m Body.EdgePlane[1].1loop out.GetAt(i).Pt1 3D; 
pt1_2 =m_Body. EdgePlane[1]. loop_out. GetAt(i).Pt2_3D; 
GetNewPoint(ptl1 1,m Matrix); 
GetNewPoint(pt1_2,m Matrix); 
edge. Pt1l 3D= ptl_1; 
edge. Pt2_3D= pt1_ 2; 
m_Body. EdgePlane[1]. loop_out. InsertAt(i, edge); 
m_Body. EdgePlane[1]. loop out. RemoveAt(i+1); 
} 
for(i=0;i<m Body. EdgePlane[0]. in_num;i++){ // 内 环 
for(int k=0;k<m Body.EdgePlane[0].loop_in[i].GetSize();k++){ 
for(int m= 0;m<2;m++){ 
pt0_1 = m Body. EdgePlane[m]. loop_in[i].Getat(k).Ptl_3D; 
pt0_2 = m Body. EdgePlane[m]. loop_in[i].GetAt(k).Pt2_3D; 
GetNewPoint (pt0_1,m Matrix); 
GetNewPoint (pt0_2,m Matrix); 
edge.Ptl_ 3D= pt0 1; 
edge. Pt2 3D= pt0 2; 
m_Body. EdgePlane[m]. loop_in[i]. InsertAt(k, edge); 
m_Body. EdgePlane[m]. loop_in[i].RemoveAt(k+1); 


. 
其 中 ,三 维 图 形 顶 点 的 矩阵 变换 代码 参考 如 下 : 


/ 兴 尖 关 庆 闪光 关 关 认 庆 尖 关 关 庆 尖 关 尖 关 闪光 尖 关 关 关 关 尖 闪光 关 尖 关 尖 尖 关 尖 尖 尖 闫 关 尖 尖 关 关 关 关 关 关 关 关 尖 尖 关 关头 关 关 关 关 关 关 关 关 关 关 关 尖 关 关 关 
GetNewPoint: 三 维 图 形 顶 点 的 几何 变换 
m_point: 几何 变换 的 三 维 图 形 顶 点 ; m_Matrix: 几何 变换 矩阵 
关 关 关 关 关 关 关 关 关 闫 尖 关 关 闫 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 / 
void GetNewPoint (CPoint3D& m point, double m Matrix[][4]){ 
CPoint3D point_ new; 
double s_dbl; 
point new.x=m point.x*m Matrix[0][0] +m point.y*m Matrix[1][0] +m point.zxm 
Matrix[2][0] + point _ new.s*m Matrix[3][0]; 
point new.y=m point.x*m Matrix[0][1] +m point.y*xm Matrix[1][1] +m point.z*m_ 
Matrix[2][1] + point new.s*m Matrix[3][1]; 
point new.z=m point.x*m Matrix[0][2] +m point.Yxm Matrix[1][2] +m point.z 关 m_ 
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Matrix[2][2] + point_new. sxm Matrix[3][2]; 
S_dbl =m point.x*m Matrix[0][3] +m point.y*m Matrix[1][3] +m point.z*m Matrix[2][3]+ 
point new.s*m Matrix[3][3]; 

point new.x/=s dbl;point new.y/=s_ dbl;point new.z/=s_dbl; 

m point = point_ new; 


} 
5.3.3 投影 变换 


把 三 维 物体 变 为 二 维 图 形 表 示 的 过 程 称 为 投影 变换 , 它 是 三 维 空间 形体 在 屏幕 、 打 印 
机 绘图 仪 等 输出 设备 上 显示 时 必 不 可 少 的 操作 步 又。 投影 变换 相当 于 将 三 维 形体 压缩 到 
一 个 二 维 投影 平面 上 表示 ,因此 ,投影 变换 实现 的 是 物体 向 投影 面 的 投影 。 在 “机 械 制图 ” 课 
程 中 ,将 三 维 形体 画 在 平面 图 纸 上 就 是 利用 投影 变换 实现 的 。 根 据 投影 中 心 和 投影 面 的 距 
离 关 系 ,投影 分 两 大 类 。 

(1) 透视 投影 一 一 投影 中 心 和 投影 面 之 间 的 距离 是 有 限 的 ,如 图 5. 3-5(a) 所 示 。 该 投 
影 方法 又 称 中 心 投影 法 。 

(2) 平行 投影 一 一 投影 中 心 到 投影 面 的 距离 是 无 限 的 。 平 行 投影 又 分 正 投影 和 和 斜 投影 
两 种 : 当 投影 方向 即 投射 线 和 投影 面 是 垂直 关系 时 , 称 为 正 投影 ,如 图 5. 3-5(b) 所 示 ; 当 投 
影 方向 和 投影 面 非 垂 直 而 呈 一 个 倾斜 角度 时 , 称 为 斜 投影 ,如 图 5. 3-5(c) 所 示 。 一 般 情况 
下 ,我 们 所 称 的 投影 和 投影 变换 指 的 是 平行 投影 中 的 正 投影 变换 。 


(a) 透视 投影 (b) 正 投影 (©) 斜 投影 
图 5.3-5 投影 变换 的 类 型 








不 同 的 投影 类 型 对 应 不 同 的 投影 变换 方法 。 对 于 三 维 线 框 体 在 显示 器 屏幕 上 的 投影 显 
示 , 即 是 将 三 维 空间 形体 上 的 顶点 投影 到 显示 器 屏幕 上 ,然后 ,将 屏幕 上 相关 顶点 的 投影 连 
线 , 即 得 三 维 形体 上 对 应 棱 边 的 投影 , 当 实 现 空间 形体 上 所 有 的 顶点 、 棱 边 在 显示 屏幕 上 的 
投影 后 , 即 获得 整个 三 维 线 框 体 的 投影 。 

由 于 显示 器 屏幕 所 在 平面 为 zxOy 平面 ,形体 向 zxOy 平面 投影 ,相当 于 将 图 形 压 缩 到 
ZzOy 平面 显示 ,对 应 的 投影 变换 矩阵 为 


1 0 0 0 

有 和 淮 
T= 

0 0 0 0 

0 0 0 0 


则 三 维 空间 点 的 投影 变换 为 
be” oe MM= ww DF= v1 
即 三 维 空间 点 在 zOy 平面 投影 点 的 坐标 是 该 点 空间 坐标 的 zx 和 >y 坐标 。 因 此 ,空间 形体 向 
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屏幕 投影 时 ,只 取 顶 点 的 x 和 > 坐标 , 即 得 投影 点 的 坐标 。 
上 述 三 维 线 框 拉 伸 体 在 显示 器 屏幕 上 的 投影 显示 函数 代码 参考 如 下 : 


/ 类 关 关 关 闪 闫 闫 关 关 尖 关 关 闪闪 尖 闫 尖 尖 尖 关 美光 尖 关 甘美 尖 尖 关 关 闪闪 关 关 关 关 关 关 尖 关 关 闫 关 关 关 关 关 关 关 关 甘 尖 闪闪 关 闫 关 尖 关 闫 关 关 关 关 关 关 关 关 关 
DrawBody: 三 维 拉 伸 线 框 体 在 显示 器 屏幕 上 的 投影 
pDC: 显示 器 指针 ; m_Body: 拉 伸 线 框 体 ; m_DrawColor: 颜色 ; lineWidth: 线 宽 ; lineType: 线 型 
闫 闫 关 闪光 闫 尖 尖 尖 关 其 尖 尖 闫 闫 闫 六 尖 关 闪闪 尖 关 关 关 尖 关 闫 尖 关 闫 闫 关 关 闫 闫 关 关 关 关 关 尖 尖 关 闫 并 关 尖 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 / 
void DrawBody(CDC * pDC,CBody Stretch &m Body,COLORREF gm DrawColor, int lineWidth= 0, int 
lineType = 0){// 将 拉 伸 线 框 体 投影 到 x0y 平面 并 连 线 
CPoint pt0_1,ptl_1,pt0_2, ptl_2; 
for(int i= 0;i<m_Body.EdgePlane[0]. loop_out. GetSize();i++){// 上 下 外 环 连 线 
pt0_1=m Body.EdgePlane[0].1oop out.GetAt(i).Pt1_ 3D. To2DPt(); 
pt0_2=m Body.EdgePlane[0].1oop out.GetAt(i).Pt2_ 3D. To2DPt(); 
ptl_1=m Body.EdgePlane[1].1loop out.GetAt(i).Pt1_3D. To2DPt(); 
ptl_2=m Body.EdgePlane[1].1oop out.GetAt(i).Pt2_ 3D. To2DPt(); 


MIDPOINT_Line(pDC, pt0_1, pt0_2,m_DrawColor, lineWidth); // 连 线 
MIDPOINT Line(pDC, pt0_1,ptl1_1,m DrawColor, lineWidth); // 连 线 
MIDPOINT Line(pDC, ptl1_1,ptl1 2,m DrawColor, lineWidth); // 连 线 


} 
for(i=0;i<m Body. EdgePlane[0]. in_num;i++){// 上 下 内 环 连 线 
for(int k=0;k<m Body.EdgePlane[0].loop in[i].GetSize();k++){ 
pt0_1 = m Body. EdgePlane[0].1loop_in[i].GetAt(k).Pt1_3D. To2DPt(); 
pt0_2 =m_Body, EdgePlane[0]. loop in[i].GetAt(k).Pt2_ 3D,To2DPt(); 
ptl_1=m Body.EdgePlane[1]. loop in[i].GetAt(k).Ptl 3D.To2DPt(); 
pt1_2 =m_Body. EdgePlane[1]. loop_in[i].GetAt(k).Pt2_3D. To2DPt(); 


MIDPOINT_Line(pDC, pt0_1, pt0_2,m_DrawColor, LineWidth) ; // 连 线 
MIDPOINT_Line(pDC, pt0_1, pt1_1,m_DrawColor, lineWidth); // 连 线 
MIDPOINT_Line(pDC, pt1l_1, pt1_2,m_DrawColor, lineWidth); // 连 线 
} 
} 
} 
其 中 ,To2DPt() 是 在 空间 顶点 类 中 定义 的 将 空间 点 转化 为 屏幕 点 的 变量 函数 。 


在 应 用 程序 中 创建 拉 伸 线 框 体 时 ,首先 在 视图 类 中 增加 三 维 线 框 体 数组 变量 、 实 体 数目 
变量 及 其 他 相关 变量 和 函数 : 


CBody_Stretch m Body[100]; // 三 维 线 框 体 数 组 变量 
int num Body; // 三 维 线 框 体 数量 
CBody_Stretch m_Body_Tmp; // 用 于 操作 的 临时 实体 变量 
C3DStretchD1g *m 3DStretchDlg; // 三 维 线 框 体 拉 伸 对 话 框 
void CreateTmpStretchBody( doubleg m_dblLength) ; // 创 建 临时 实体 

void CreateBodyforStretch(doubleg m_dblLength); // 确 定 创建 实体 


当 拾 取 了 用 于 创建 拉 伸 体 的 平面 多 边 形 后 .选择 实体 拉 伸 操作 ,弹出 拉 伸 对 话 框 ,输入 
拉 伸 长 度 ,调用 视图 类 的 CreateTmpStretchBody() 函 数 , 创 建 临时 实体 ,并 投影 显示 。 参 考 
代码 如 下 : 

void CCGTest002View: :CreateTmpStretchBody(doubleg& m dblLength){ 


if(this ->m Picker. picktype == pick_polyline){// 从 拾取 多 边 形 拉 伸 实体 
if(CreateBodyOfStretch(m Body Tmp,m Picker,m dblLength) == true){ 
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// 为 了 显示 立体 感 , 绕 第 一 个 点 沿 x 轴 旋 转 30" ,再 沿 y 轴 旋 转 30" ,然后 再 显示 
double m Matrix[4][4],m Matrix0[4][4]; 
CPoint3D pt3D; 
pt3D = m Body. EdgePlane[0]. loop out. GetAt(0).Pt1 3D; 
GetMatrix(m Matrix,0,pt3D.x* (—1),pt3D.y* (—1),pt3D.z*(—1),0,1); 


// 移 动 到 原点 
GetMatrix(m Matrix0,1,0,0,0, ~ 30,1); // 沿 x 轴 旋 转 
MatrixXMatrix(m Matrix,m Matrix0); // 矩 阵 级 联 
GetMatrix(m Matrix0,2,0,0,0, -30,1); // 沿 了 轴 旋 转 
MatrixXMatrix(m Matrix,m Matrix0); // 和 矩阵 级 联 
GetMatrix(m Matrix0,0,pt3D.x,pt3D.y,pt3D.z,0,1);  // 移 回 原 位 置 
MatrixXMatrix(m Matrix, m Matrix0); // 和 矩阵 级 联 
GetNewPoint(m Body,m Matrix); // 实 体 乘 以 变换 矩阵 ,得 新 点 


Invalidate(); 
} 


有 
在 OnDraw() 函 数 中 显示 临时 实体 ,相关 代码 参考 如 下 : 


if(this—>m Picker. picktype!= pick_none| |m Picker.m capture point.GetSize()>0) { 
if(this—>m Picker. picktype == pick_polylineg&m Body_Tmp. polyline.m_ PolyLine_array_Out, 
GetSize()> 0) // 首 先 判断 是 否 有 临时 实体 
DrawBody( pDC, m_Body_Tmp, m_DrawColor); // 画 实体 
else 
DrawPicker(pDC, m Picker, HIGHLIGHTCOLOR, 1); 


上 述 代 码 形成 的 拉 伸 线 框 体 效果 如 图 5. 3-6 所 示 。 


小 无 标题 - CGTest00: 





图 5.3-6 拉 伸 形成 线 框 体 


156 | _ 计算 机 图 形 学 一 一 原理 、 算 法 及 实践 





拉 伸 线 框 体 确定 后 ,除了 创建 线 框 体外 ,形成 拉 伸 体 的 平面 多 边 形 将 不 再 作为 独立 的 图 
元 以 供 拾取 ,因此 ,应 在 多 边 形 集合 中 去 掉 该 多 边 形 。 代 码 参考 如 下 : 


void CCGTest002View: : CreateBodyforStretch(double& m dblLength){ 

if(this—>m Picker. picktype == pick polyline){ 
if(CreateBodyOfStretch(m Body[num Body++],m Picker,m dblLength) == true){ 

m Body_Tmp.ClearBody(); // 删 除 临 时 实体 

for(int i=0;i<this-> iPolyLine;i++){ // 从 多 边 形 数组 中 去 掉 该 拾取 的 多 边 形 
if(m Picker.picktype == pick polyline&&(m Picker.m PolyLine == m PolyLine[i])) 
{// 判 断 是 否 为 拾取 的 图 元 ,如 是 , 则 删除 这 个 多 边 形 
m PolyLine[i].~CPolyLine(); 


for(;i<this—> iPolyLine— 1;i++) // 循 环 把 后 面 的 多 边 形 赋 给 前 一 个 
m PolyLine[i] =m PolyLine[i+1]; 
break; 
} 
} 
this—> iPolyLine ——; // 多 边 形 个 数 减 一 


this—>m Picker. picktype = pick_none; 
Invalidate( );} 


5.3.4 三 维 形体 的 交互 技术 


和 二 维 图 形变 换 一 样 ,三 维 图 形变 换 也 会 用 到 交互 技术 。 在 图 元 拾取 操作 中 ,除了 能 够 
拾取 二 维 图 形 外 ,对 所 创建 的 三 维 线 框 拉 伸 体 也 应 具有 拾取 功能 ,为 此 ,需要 在 拾取 结构 类 
中 增加 线 框 拉 伸 体 图 元 。 代 码 参考 如 下 : 

class CPicker:CDraw{ 

public: 

// 拾 取 的 图 元 ,其 他 内 容 前 文 已 列 出 ,不 再 著述 , 仅 列 出 线 框 拉 伸 体 的 图 元 
CBody_Stretch m Body Stretch; 
}; 


同 理 , 在 拾取 枚 举 结构 中 ,增加 实体 拾取 类 型 ; 

enum Picktype { pick none, pick line,...,pick_ body}; 

三 维 拉 伸 体 的 具体 选取 步骤 是 : 当 光 标 在 拉 伸 体 的 表面 上 时 ,表示 该 拉 伸 体 被 识别 到 ， 
则 用 高 亮度 颜色 或 者 更 粗 的 线 型 来 显示 该 实体 。 和 二 维 图 形 不 同 ,鼠标 在 屏幕 上 拾取 的 三 
维 形体 实际 是 该 形体 在 屏幕 上 的 投影 ,拾取 到 形体 的 投影 即 认为 该 形体 被 拾取 。 

由 于 拉 伸 实体 是 通过 拉 伸 形成 的 ,所 以 , 拉 伸 实体 上 下 两 个 表面 的 投影 是 多 边 形 ,侧面 








/NN 投影 都 是 四 边 形 , 只 要 光标 在 其 中 一 个 多 边 形 或 者 四 边 
芭 < 罗 形 内 部 , 即 认为 拾取 到 该 拉 伸 体 。 一 种 简单 判断 光标 点 

Sf 是 否 在 多 边 形 内 部 的 方法 是 扫描 线 法 。 
设 光标 当前 点 是 P。(zw ,yw), 令 扫描 线 y 一 y, 与 多 


图 5.3-7 判断 点 在 多 边 形 内 部 边 形 相 交 , 如 图 5. 3-7 所 示 。 将 交点 的 zx 坐标 值 按 递增 
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顺序 排序 ,并 顺序 两 两 组 成 区 间 对 ,如 [zo ,zi]、[Lzs ,zsj ,如 果 光 标点 的 坐标 zw 在 某 一 个 区 
间 对 内 ,说 明光 标点 在 拉 伸 体 的 表面 上 , 则 拾取 该 实体 。 
下 面 是 采用 上 述 方法 判断 某 拉 伸 实体 是 否 被 鼠标 拾取 的 函数 代码 ,可 供 参 考 。 


/ 尖 闫 闫 闫 美美 尖 关 关 关 尖 尖 尖 尖 关 尖 美美 闫 闫 闫 美美 闫 尖 关 关 尖 尖 尖 尖 闫 闫 闫 闫 关 美美 关 尖 关 关 尖 尖 尖 闫 关 闫 闫 闫 关 关 美美 关 关 关 关 关 尖 类 关 闫 关 关 关 关 美美 


CheckIsPicked: 判断 某 拉 伸 实体 是 否 被 鼠标 拾取 的 函数 
point: 鼠标 点 ; Body: 判断 的 拉 伸 实体 ; m_Picker: 图 形 拾取 类 


关 尖 闪闪 光 关 关 关 关 尖 关 关 闪闪 关 关 关 关 闫 尖 关 关 闪光 关 尖 关 关 关 尖 关 关 关 关 关 关 关 关 关 关 关 尖 关 关 尖 关 关 关 关 关 闪闪 关 关 关 关 关 关 关 关 关 关 关 关 关 / 
bool CheckIsPicked(CPoint &point, CBody Stretch &Body, CPicker &m Picker){ 

int pFlag= 0; 

/* 首先 构造 上 下 两 个 表面 的 投影 多 边 形 ( 同 时 得 到 多 边 形 的 最 小 边界 矩形 ) * / 

CPoint pt0, ptl; 


int xmin= 0,xmax = 0, ymin= 0, ymax = 0; // 构 造 最 小 边界 矩形 
CLine line; 
CArray < CLine, CLine > loop; // 环 


CPolyLine polyline; 
for(int m= 0;m<2;m++){ 
for(int i= 0;i< Body. EdgePlane[m]. loop_out.GetSize();i++){ // 构 造 投影 多 边 形 外 环 
pt0 = Body. EdgePlane[m]. loop_out. GetAt(i).Pt1l 3D.To2DPt(); // 投 影 点 
pt1 = Body. EdgePlane[ m]. loop_out. GetAt(i).Pt2_3D.To2DPt(); // 投 影 点 
line. ptl = pt0;line. pt2 = pt1; loop. Add( line); 
BuildRectEdge( pt0, xmin, xmax, ymin, ymax); // 构 造 最 小 边界 矩形 
BuildRectEdge(pt1, xmin, xmax, ynin, ymax); // 构 造 最 小 边界 矩形 
} 
polyline,.m_ PolyLine array_Out. Append( loo0p); 
for(i= 0;i< Body. EdgePlane[m]. in_num;i++){// 构 造 投影 多 边 形 内 环 
loop. RemoveAll( ); 
for(int k= 0;k< Body.EdgePlane[m]. loop_in[i].GetSize();k++){ 
pt0 = Body. EdgePlane[m]. loop_in[i].GetAt(k).Pt1_3D. To2DPt( ); 
ptl1 = Body. EdgePlane[m]. loop_in[i].GetAt(k).Pt2_3D. To2DPt( ); 
line. ptl = pt0;line. pt2 = pt1; loop. Add( line);} 
polyline.m PolyLine array_in[i].Append(loop);} 
polyline. in_num = Body. EdgePlane[m]. in_num; // 内 环 数量 
// 判 断 是 否 在 多 边 形 最 小 矩形 边界 内 
if(CheckIsInBox(point, xmin, xmax, ymin, ymax) == false) 
continue; 
// 判 断 光 标 是 否 在 多 边 形 内 部 
if(CheckPtInPolyline(point,polyline) == true){ 
pFlag= 1; 
break; 
} 
} 
if(pFlag == 0) { // 如 不 在 ,继续 判断 是 否 在 上 下 边 拉 伸 的 侧面 多 边 形 投影 内 
CPoint pt2, pt3; 
for(int i= 0;i<Body. EdgePlane[0].1loop out.GetSize();it+) {  // 外 环 边 
loop. RemoveAll( ); 
pt0 = Body. EdgePlane[ 0]. loop_out. GetAt(i).Pt1_3D. To2DPt(); // 投 影 点 
pt1 = Body. EdgePlane[ 0]. loop_out. GetAt(i).Pt2_3D. To2DPt(); // 投 影 点 
line. ptl1 = pt0;line. pt2 = pt1; loop. Add( line); 
pt2 = Body. EdgePlane[ 1]. loop_out. GetAt(i).Pt1_3D. To2DPt(); // 投 影 点 
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pt3 = Body. EdgePlane[1]. loop_out. GetAt(i).Pt2_3D. To2DPt(); // 投 影 点 
line.ptl1 = ptl;line. pt2 = pt3; loop. Add( line); 
line. ptl1 = pt3;line. pt2 = pt2; loop. Add( line); 
line. ptl1 = pt2; line. pt2 = pt0; loop. Add( line); 
BuildRectEdge(pt2, xmin, xmax, ymin, ymax); // 构 造 最 小 边界 矩形 
BuildRectEdge(pt3, xmin, xmax, ymin, ymax); // 构 造 最 小 边界 矩形 
polyline.m PolyLine array Out. Append( loop); 
// 判 断 是 否 在 多 边 形 最 小 矩形 边界 内 
if(CheckIsInBox(point, xmin, xmax, ymin, ymax) == false) 
continue; 
// 判 断 光 标 是 否 在 多 边 形 内 部 
if(CheckPtInPolyline(point, polyline) == true) { 
pFlag= 1; 
break; 
} 
} 
// 判 断 是 否 在 上 下 内 环 边 拉 伸 的 侧面 多 边 形 投 影 内 
if(pFlag== 0){ 
for(i=0;i<Body. EdgePlane[0]. in num;it+){ // 内 环 数量 
for(int k= 0;k< Body. EdgePlane[0]. loop_in[i].GetSize();k++){ // 内 环 
loop. RemoveAll( ); 
pt0 = Body. EdgePlane[ 0], loop_in[i].GetAt(k). Pt1_3D. To2DPt( ); 
pt1 = Body. EdgePlane[ 0], loop_in[i].GetAt(k). Pt2_3D. To2DPt( ); 
line. ptl = pt0; line. pt2 = pt1; loop. Add( line); 
pt2 = Body. EdgePlane[1]. loop_in[i].GetAt(k).Pt1_3D. To2DPt( ); 
pt3 = Body. EdgePlane[1]. loop_in[i].GetAt(k).Pt2_3D. To2DPt( ); 
line. ptl1 = pt1; line. pt2 = pt3; loop. Add( line); 
line. ptl1 = pt3; line. pt2 = pt2; loop. Add( line); 
line. ptl = pt2; line. pt2 = pt0; loop. Add( line); 
polyline.m PolyLine_array_Out. Append( loop); 
// 判 断 是 否 在 多 边 形 最 小 矩形 边界 内 
if(CheckIsInBox(point, xmin, xmax, ymin, ymax) == false) 
continue; 
// 判 断 光 标 是 否 在 多 边 形 内 部 
if(CheckPtInPolyline(point, polyline) == true) { 
pFlag=1; 
break; 


} 

} 

if(pFlag==1){ /* 有 拾取 ,首先 判断 是 否 原 拾取 ,如 是 , 则 设置 状态 = 1 表明 已 拾取 , 且 在 
显示 ,不 必 再 显示 ,否则 先 利用 异 或 方法 画 原 图 形 , 再 拾取 新 图 形 * / 
if(m Picker.picktype == pick body&&m Picker.m Body Stretch. polyline == Body. polyline) 
m Picker. stateFlag= 0; 

else {// 重 新 获得 拾取 的 对 象 

m Picker. stateFlag= 1; 

m Picker. picktype = pick_body; 

m Picker.m Body Stretch= Body; 

} 
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return true; 
} 
return false; 


} 
上 述 函 数 代码 中 ,利用 顶点 投影 构造 多 边 形 最 小 尺寸 边界 的 函数 代码 为 : 


void BuildRectEdge( CPoint &Point, int &xmin, int &xmax, int &ymin, int &ymax){ 
if(Point.x< xmin) xmin = Point. x; 
else if(Point.x> xmax) xmax = Point. x; 
if(Point.y< Ymin)ymin = Point. y; 
else if(Point.y> ymax)ymax = Point. y; 
有 


函数 中 ,判断 鼠标 点 是 否 在 投影 多 边 形 内 部 的 扫描 线 判断 方法 的 函数 代码 为 : 


bool CheckPtInPolyline(CPoint &Point, CPolyLine &polyline){ 
CArray <CLine,CLine> m line Array Out; 


m line Array Out. Append(polyline.m PolyLine array Out); // 外 环 多 边 形 
CRrray< int, int > m x_Array; // 交 点 x 坐标 集合 
int m x; // 交 点 

int j,k; 

int yi= Point. y; // 扫 描 线 


m_x_Rrray. RemoveAll( ); 
// 判 断 扫 描 线 和 哪些 边 相 交 , 如 相交 , 求 交点 ,并 排序 
for(int i= 0;i<m_line_Rrray_Out.GetSize();i++){// 首 先 判断 扫描 线 和 外 环 多 边 形 的 交点 
/* 将 每 条 边 的 最 大 y 值 缩短 一 个 单位 ,判断 是 否 和 扫描 线 相 交 ,如 相交 , 求 交点 ,插入 交点 集 并 排 
序 */ 
if((Yi>=m_line_Rrray_Out. Getat(i).pt1.yY&&yi<m_line_Rrray_0ut. GetaRt(i).pt2.yY)||(Yi>=m_ 
line_Array_Out. GetAt(i). pt2. yg&yi <m_line_Array_Out. Getat(i).ptl.Y)){ // 求 交点 
m x= GetInterPtXForScanY(yi,m_line_Array_Out. GetAt (i).ptl.x,m_ line_Array_Out. GetAt (i). 
ptl.y,m line Array Out.GetAt(i).pt2.x,m line Array Out.GetAt(i).pt2.y); 
OrderToInsertPt _x(m x_Array,m x); // 排 序 
1 
else if(yi==m line Array Out.GetAt(i).ptl.y&&yi==m line Array Out.GetAt(i).pt2.y) { 
// 是 水 平 线 , 则 将 两 个 端点 加 入 点 集 
OrderToInsertPt x(m x_Array,m line Array Out.GetAt(i).ptl.x); 
OrderToInsertPt x(m x Array,m line Array Out.GetAt(i).pt2.x); 
} 
} 
// 再 判断 扫描 线 和 内 环 多 边 形 的 交点 
CArray < CLine,CLine> m line Array_in; 
for(k= 0;k< polyline. in num;k++){ 
m line Array_in. Append(polyline.m PolyLine array in[k]); // 内 环 多 边 形 
for(i=0;i<m line Array in.GetSize();i++){ 
if((yi>=m line Array_in.GetAt(i).ptl. y&&yi <m_ line_Array_in. GetAt(i).pt2.y)| | (yi>=m_ 
line Array_in.GetAt(i).pt2.y&&yi<m line Array_in.GetAt(i).ptl.y)){ // 求 交点 
m x= GetInterPtXForScanY(yi,m line Array in.GetAt(i).ptl.x,m line Array_in.GetAt(i).ptl. 
ym_line Array_in.GetAt(i).pt2.x,m line Array_in.GetAt(i).pt2.y); 
OrderToInsertPt x(m x Array,m x); // 排 序 
3} 
else if(yi==m line Array in.GetAt(i).ptl.y&&yi==m line Array_in.GetAt(i).pt2. 
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Y){ 

// 是 水 平 线 , 则 将 两 个 端点 加 入 点 集 
OrderToInsertPt x(m x Array,m line Array in.GetAt(i).ptl.x); 
OrderToInsertPt x(m x Array,m line Array in.GetAt(i).pt2.x); 
} 

. 

m line Array_in.RemoveAll();} 

// 判 断 是 否 在 区 间 对 内 

for(j= 0;j<=m_x_Rrray.GetSize() 一 2;j++,j++) { 
if(Point. x>=m x Array. GetAt(j)&&Point. x<=m x Array. GetAt(j+1)) 

return true;} 
return false; 


在 应 用 程序 的 鼠标 移动 消息 函数 中 ,调用 判断 鼠标 点 是 否 拾取 实体 的 函数 为 : 


bool CheckIsPicked(CPoint &point, CBody_Stretch * m_Body, int &body_num, CPicker Sm_Picker){ 
// 判 断 是 否 拾取 了 某 实体 

int pFlag= 0; // 是 否 拾取 

CLine line; 

for(int i=0;i<body num;it+){ 

if(CheckIsPicked(point,m Body[i],m Picker) == true) 
return true; 
} 
return false; 


ly 
如 图 5. 3-8 所 示 , 当 鼠标 在 一 个 拉 伸 实体 的 表面 时 ,该 实体 以 高 亮度 颜色 和 粗 线 显示 。 








5.3-8 实体 拾取 


第 5 章 图 形变 换 


在 视图 类 的 OnDraw() 中 显示 实体 时 ,对 于 拾取 的 实体 ,在 拾取 图 形 的 绘图 函数 
DrawPicker() 中 绘制 ,因此 ,需要 在 DrawPicker() 中 增加 绘制 实体 的 选项 。DrawPicker() 
中 增加 判断 是 否 绘制 实体 的 代码 如 下 : 


if(m Picker. picktype == pick_body) // 绘 制 拾取 的 实体 
DrawBody( pDC, m_Picker.m Body_Stretch, crColor, lineWidth); // 画 拾取 实体 


对 于 未 拾取 的 实体 , 则 直接 在 OnDraw() 中 绘制 。OnDraw() 增 加 绘制 实体 的 代码 为 : 


for(int i=0;i<num Body;i++) { // 画 实体 
if((m Picker. picktype == pick body&&m Body[i] ==m Picker.m Body Stretch) == false) 
DrawBody( pDC, m_Body[ i],m_ DrawColor); 
} 


对 于 拾取 的 实体 即 可 实现 各 种 图 形变 换 ,如 平移 、 旋 转 、 缩 放 等 。 各 种 图 形变 换 可 借助 
鼠标 或 者 对 话 框 来 实现 。 例 如 ,通过 鼠标 移动 实体 , 则 在 鼠标 移动 消息 函数 中 ,增加 移动 变 
换 处 理 代码 ,参考 如 下 : 


if(this—->m iFlag== 8){ //m_iFlag = 8, 表示 移动 变换 
if(nFlags == MK_LBUTTONS&pickstep == 1) { // 是 否 左 键 被 按 下 
pickPt2 = point; 
int x_dis = pickPt2.x— pickPtl1.x; 
int Y_dis = pickPt2.y— pickPtl1.y; 
if(m_Picker. picktype!= pick_body){ 
double m Matrix[3][3]; 
Get2DMatrix(m Matrix,0,0,x dis,y_dis, 0); // 二 维 移动 变换 矩阵 
TransforOf2D Single(m Matrix); // 二 维 变换 
pickPtl = point; 
Invalidate( ); 
} 


else{ 
double m Matrix[4][4]; 
GetMatrix(m Matrix,0,x dis,y_dis,0,0,0); // 三 维 移动 变换 矩阵 
GetNewPoint(m Picker.m Body_Stretch, m Matrix); // 三 维 变换 


pickPt1 = point; 
Invalidate(); 


: 


三 维 形体 的 旋转 变换 ,可 以 利用 非 模 式 对 话 框 选择 旋转 轴 和 输入 旋转 角度 ,如 图 5. 3-9 
所 示 。 在 对 话 框 中 ,修改 旋转 角度 ,调用 视图 类 中 的 旋转 变换 函数 Rotate3D() ,可 以 实时 获 
得 旋转 效果 。 函 数 代码 参考 如 下 : 


void CCGTest002View: :Rotate3D( int &m iAxis, double &angle){ 
if(m Picker. picktype == pick_body){ 
for(int i=0;i<num Body;i++){ 
if(m Body[i] ==m Picker.m Body Stretch){ 
m Picker.m Body Stretch=m Body[i]; 
break;} // 每 次 旋转 前 ,拾取 的 图 形 重新 返回 到 最 
// 初 拾取 状态 
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中 
double m Matrix[4][4],m Matrix0[4][4]; 
CPoint3D pt3D; 
// 以 实体 的 第 一 个 顶点 为 旋转 中 心 
pt3D=m Picker.m Body Stretch. EdgePlane[0]. loop_out. Getat(0).Ptl_3D; 
GetMatrix(m Matrix,0,pt3D.x* (—1),pt3D.y* (—1),pt3D.zx* (1),0,1); // 移 动 到 原点 


GetMatrix(m Matrix0,m iAxis,0,0,0,angle,1); //m_iAxis 为 旋转 轴 ,1 为 x 轴 
MatrixXMatrix(m Matrix,m Matrix0); // 和 矩阵 级 联 
GetMatrix(m_Matrix0, 0,pt3D. x, pt3D. y, pt3D.z,0,1); // 移 回 原 位 置 

MatrixxMatrix(m Matrix,m Matrix0); // 矩 阵 级 联 
GetNewPoint(m_Picker.m_ Body_Stretch,m Matrix); “ // 实 体 乘 以 变换 矩阵 ,得 新 点 
Invalidate( ) 7 








图 5.3-9 旋转 变换 


当 旋转 确定 后 ,将 旋转 后 的 拾取 形体 赋 给 实体 集合 中 的 对 应 实体 ,相关 代码 如 下 : 


if(m Picker.picktype == pick_body) { 
for(int i=0;i<num Body;i++) { 
if(m Body[i] ==m Picker.m Body Stretch){ 
m Body[i] =m Picker.m Body Stretch; 
break; 


上 
对 于 “机 械 制 图 ”课程 中 使 用 的 三 视图 、 轴 测 图 以 及 其 他 基本 视图 等 各 种 投影 图 ,都 可 以 
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推导 出 对 应 的 投影 变换 矩阵 。 


主 视图 一 一 把 立体 向 zxOxz 面 (V 面 ) 做 正 投影 ,得 到 主 视图 ,根据 正 投影 原理 (平行 投影 
面 的 投影 保持 原形 ) , 则 


主 视图 投影 变换 矩阵 为 


OO~“oDd 


0 
0 
0 
E 


Ooor- 
SD 


i i 0 1 0 0 0 
oe | bb 
.0 | et, 六 | 小 遂 芥 六 六 
00 0 lJ 0 % 1 ly 0 
俯视 图 一 一 把 立体 向 zOy 面 (H 面 ) 做 正 投 影 , 再 将 投影 (xOy 面 ) 绕 zx 轴 旋 转 一 90" 得 
到 俯视 图 ,也 可 看 成 先 将 立体 绕 zx 轴 旋 转 一 90 "再 向 zxOz 面 做 正 投影 ,因此 
Ut ”人 计 二 沿 省 过 
0 qcos sinn 0||0 0 0 0 
0 
1 


0 0 


将 投影 图 形 分 别 沿 工 向 和 x 向 平移 ly 和 ny, 则 主 视图 的 组 合 变换 和 矩阵 为 
0 
0 
1 


nv 1 





T= 
0 —sing cosb 


0 0 0 
其 中 ,0= 一 90",Lr 一 人 ,俯视 图 的 组 合 变换 矩阵 为 
1 0 0 0 
0 0 =1L 0 
0 0 0 0 
ly 0 Mr 1 
左 视图 一 一 可 以 看 成 先 将 立体 绕 = 轴 旋 转 90 再 向 zxOx 面 做 正 投影 , 则 
cosy sing 0 01T1 0 0 0 


T= —sing cosyg 0 0|l0 1 0 0 
0 0 | 二 重 
0 0 0 1JLw 0 nw 1 
其 中 ,% 一 90" ,nw 二 nv ' 左 视图 的 组 合 变换 矩阵 为 
@ 0 
T= = 所 
LL 
Iw 0 ny 1 


轴 测 投影 有 正 轴 测 投影 和 和 斜 轴 测 投影 两 种 类 型 。 正 轴 测 投影 图 是 正 投影 ,投影 面 是 V 
面 ,使 物体 的 三 个 面 都 与 V 面 倾斜 一 一 即 旋转 , 先 绕 = 轴 旋 转 少 角 , 再 绕 工 轴 旋 转 9 角 , 然 后 
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向 V 面 投影 。 正 轴 测 投影 的 变换 矩阵 为 


cosy sing 0 0 cosg sing 0 01T1 0 0 0 

站 = sing cosm 0 0|| 一 sing cosg 0 0|0 1 0 0 
0 0 1 坝 0 0 工业 放下 丰 0 

0 0 剖 王 0 0 0 tt 0 


cosy 0 singsing 
—sing 0 cosysing 
0 0 cosb 
i 0 n 
正 等 轴 测 图 的 三 个 轴 向 变形 系数 相等 ,可 推出 y% 一 45" ,0 一 一 35"16 。 
在 “机 械 制 图 ”中 , 斜 二 等 轴 测 图 的 形成 原理 是 将 物体 正 放 , 采 用 平行 投影 法 的 斜 投影 实 
现 。 如 果 物 体 放 正 并 能 看 到 三 个 面 ,可 先 将 物体 变形 ,利用 前 面 讲 过 的 错 移 变 换 实现 : 
要 看 到 左右 两 侧面 一 一 沿 工 含 y 错 移 ; 
要 看 到 上 下 两 面 一 一 沿 = 含 y 错 移 。 
因此 ,形成 斜 轴 测 图 需要 三 个 步 又: 将 物体 沿 xz 含 y 错 移 ; 加 将 物体 沿 x 含 y 错 移 ; 
图 将 物体 向 V 面 正 投影 。 斜 轴 测 投影 的 变换 矩阵 为 
1 有 人 OL WD OO 0 0 
:| 0 证 着 六 1 
0 0 
昌 


Oo 





不 王 
gag 0 1 oN 0 LT Ol 0 i 从, 必 ` 朋 


R11 大 入 生 
当 d、f 取 不 同 的 值 时 ,可 以 得 到 立体 各 种 不 同 的 斜 轴 测 图 。 由 于 d、f 的 正 负 决定 错 移 
方向 ,因此 d、f 的 符号 可 决定 斜 轴 的 方向 。 
对 于 常用 的 斜 二 等 轴 测 投影 ,根据 条 件 : x 和 < 向 变形 系数 都 是 1,y 向 变形 系数 为 
0.5,y 轴 和 水 平方 向 的 夹 角 为 45", 可 推出 d= 二 f= 二 土 0.354。f.d 可 正 可 负 , 当 看 到 物体 上 
表面 时 取 f= 一 0. 354。 


5.3.5 透视 投影 变换 


透视 投影 是 当 投影 中 心 ( 即 观察 视点 ) 到 投影 面 的 距离 有 限时 ,物体 在 投影 面 的 投影 , 距 
离 观察 视点 近 的 物体 投影 大 ,距离 观察 点 远 的 物体 投影 小 。 透 视 投 影 符 合 人 的 视觉 系统 观 
察 物体 产生 的 远近 空间 层次 感 ,所 以 在 真实 感 图 形 中 广泛 使 用 。 

在 透视 投影 中 ,视线 (投影 线 ) 是 从 观察 视点 ( 即 投影 中 心 ) 出 发 ,因此 ,投影 线 是 不 平行 
的 ,这 样 , 空 间 原 来 平行 的 棱 线 透视 投影 后 可 能 不 再 平行 。 若 不 平行 , 则 其 延长 线 会 汇聚 为 
一 点 ,此 点 称 为 灭 点 。 只 在 一 个 坐标 轴 方 向 有 灭 点 的 透视 图 为 一 点 透视 ,如 图 5. 3-10(a) 所 
示 ; 在 两 个 坐标 轴 方 向 有 灭 点 的 透视 称 为 二 点 透视 ,如 图 5. 3-10(b) 所 示 ; 在 三 个 坐标 轴 方 
向 有 灭 点 的 透视 称 为 三 点 透视 ,如 图 5. 3-10(c) 所 示 。 

透视 投影 变换 可 通过 如 下 方式 进行 推导 : 假设 计算 空间 一 点 PCz,y'z) 的 投影 ,观察 视 
点 在 y 轴 上 的 点 EE(0,y。,0), 其 中 y 为 观察 点 到 投影 面 zOz 的 距离 ,如 图 5. 3-11 所 示 。 投 
影 后 点 的 坐标 与 投影 前 点 的 坐标 的 关系 可 推导 为 
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(a) 一 点 透视 (b) 一 点 透视 (oj_: 点 透视 
图 5.3-10 透视 投影 
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和 二 TX 
1 十 qy 
区 三 和 
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0 入 而 
, i 六 荆 ll & 0 
I 更, 名 人 00d10 
和 人 UL 


= 一 [z 0 zx 1 二 ay] 


上 "i 学 
规格 化 后 , 即 为 [IF 0 Im 1]: 
从 上 述 公式 可 以 看 出 ,当空 间 点 P(z,y,z) 距 离 投影 面 无 穷 远 时 , 即 1 十 gy 一 =, 则 点 


PCz,y,z) 的 投影 成 为 y 轴 上 的 一 个 点 ,因为 得 到 的 是 一 个 灭 点 ,所 以 这 是 一 点 透视 变换 。 





同 理 ,也 可 推导 出 观察 点 在 工 轴 上 以 yOx 为 投影 面 的 一 点 透视 变换 矩阵 以 及 观察 点 在 > 轴 
上 以 zOy 为 投影 面 的 一 点 透视 变换 矩阵 分 别 为 
i og oo 
| 可 于 二 砚 证 误 副 
“0 全 | eo or 
本 汪汪 Gi 入 "前 社 
从 一 点 透视 变换 矩阵 可 以 看 出 ,对 透视 变换 起 作用 的 是 矩阵 第 四 列 的 前 三 行 元 素 p、g 
和 ,一 个 元 素 决 定 一 个 坐标 轴 方 向 的 透视 投影 ,那么 它们 两 两 组 合 ,就 会 在 两 个 坐标 轴 方 
向 形成 透视 投影 ,得 到 两 个 灭 点 , 即 二 点 透视 ,三 个 元 素 组 合 在 一 起 就 形成 三 点 透视 。 


在 z 轴 和 y 轴 方 向 上 的 二 点 透视 变换 矩阵 为 
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在 y 轴 和 < 轴 方 向 上 的 二 点 透视 变换 矩阵 为 
一 "| 
TT 透视 一 We 
yy V1 六 
[0 0 0 | 
在 z 轴 和 x 轴 方向 上 的 二 点 透视 变换 矩阵 为 
1 0 四] 
了 -- 进 视 一 WW 
I 
0 do ld 
同 理 ,在 zx、y 和 x 三 个 轴 方向 上 的 三 点 透视 变换 矩阵 为 
1 0 你 击 
二 0 1 0 
了 -= 透视 他 
0 0 0 1 


需要 注意 的 是 ,透视 变换 和 前 述 的 投影 变换 一 样 ,是 空间 形体 在 显示 器 屏幕 等 投影 面 上 
显示 的 效果 ,空间 形体 的 形状 并 没有 改变 ,形状 本 身 也 不 存在 灭 点 ,因此 ,只 在 空间 形体 向 投 
影 面 投影 时 才 进 行 透视 变换 ,获得 投影 。 为 此 ,在 应 用 程序 中 ,需要 修改 5. 3. 3 节 中 三 维 拉 
伸 线 框 体 向 显示 器 屏幕 上 投影 绘制 函数 DrawBody() ,使 之 既 支持 平行 正 投影 也 支持 透视 

影 。 代 码 参 考 如 下 : 


void DrawBody(CDC * pDC,CBody Stretch gm Body,COLORREF &m_DrawColor, double m Matrix V[][4], 
int lineWidth= 0, int lineType = 0){/* 参 数 中 加 入 透视 投影 变换 矩阵 m_ Matrix_Vx / 
CPoint pt0_1,pt1_1,pt0_2,pt1_2; 
CPoint3D pt_3D; 
for(int i=0;i<m Body. EdgePlane[0].1loop_out. GetSize();i+t+){// 处 理 外 环 
pt_3D= m_Body. EdgePlane[0]. loop_out. Getat(i).Ptl_3D; 
GetNewPoint (pt_3D,m_ Matrix_V); // 空 间 点 进行 透视 投影 变换 
pt0_1 = pt_3D. To2DPt(); 
pt_3D= m_Body. EdgePlane[0]. loop_out. GetAt(i).Pt2_3D; 
GetNewPoint (pt_3D,m_ Matrix_V); // 空 间 点 进行 透视 投影 变换 
pt0_2 = pt_3D. To2DPt(); 
pt_3D= m Body. EdgePlane[1]. loop_out. GetAt(i).Pt1 3D; 
GetNewPoint (pt_3D, m Matrix V); // 空 间 点 进行 透视 投影 变换 
ptl_1 = pt_3D. To2DPt(); 
pt_3D= m Body. EdgePlane[1].1loop out.GetAt(i).Pt2 3D; 
GetNewPoint (pt_3D,m Matrix V); // 空 间 点 进行 透视 投影 变换 
ptl_2= pt_3D. To2DPt(); 
MIDPOINT Line(pDC, pt0_1, pt0_2,m DrawColor, lineWidth); // 画 线 
MIDPOINT Line(pDC, pt0_1, ptl_1,m DrawColor, lineWidth); // 画 线 
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MIDPOINT Line(pDC, ptl 1,ptl 2,m DrawColor, lineWidth); // 画 线 
} 
for(i=0;i<m Body. EdgePlane[0]. in num;i++){ // 处 理 内 环 
for(int k= 0;k<m_Body. EdgePlane[0]. loop_in[i].GetSize();k++) { 
pt_3D =m_Body. EdgePlane[0].loop in[i].GetAt(k).Ptl1 3D; 
GetNewPoint(pt_3D,m Matrix V); 
pt0_1 = pt _ 3D.To2DPt(); 
pt_3D= m Body. EdgePlane[0]. loop in[i].GetAt(k).Pt2 3D; 
GetNewPoint(pt_3D,m Matrix V); 
pt0_2 = pt_3D.To2DPt(); 
pt_3D =m_Body. EdgePlane[1]. loop in[i].GetAt(k).Pt1_ 3D; 
GetNewPoint(pt_ 3D,m Matrix V); 
pt1_1= pt_3D. To2DPt( ); 
pt_3D= m Body. EdgePlane[1].loop in[i].GetAt(k).Pt2 3D; 
GetNewPoint(pt_3D,m Matrix V); 
pt1_2 = pt_3D. To2DPt( ); 
MIDPOINT_Line(pDC, pt0_1, pt0_2,m DrawColor, lineWidth); // 画 线 
MIDPOINT Line(pDC, pt0_1,ptl_1,m_DrawColor, lineWidth); // 画 线 
MIDPOINT Line(pDC, pt1_1,ptl1_2,m DrawColor, lineWidth); // 画 线 











) 


同样 ,在 绘制 拾取 图 形 的 函数 DrawPicker() 中 ,也 需要 加 入 对 拾取 实体 绘制 透视 投影 
的 变换 矩阵 ,代码 参考 如 下 : 


void DrawPicker (CDC * pDC, CPicker &m_Picker, COLORREF crColor, double m_Matrix_V[ ][4], int 
lineWidth = 0){//m_Matrix_V 为 透视 投影 变换 矩阵 
…// 此 处 代码 前 文 已 述 ,省 略 
else if(m Picker. picktype == pick_body){ // 判 断 是 否 在 实体 上 , 画 拾 取 实 体 
DrawBody( pDC, m_Picker.m Body_Stretch, crColor,m Matrix V,lineWidth);} 
…// 此 处 代码 前 文 已 述 ,省 略 
上 
//m_Matrix_V 为 支持 透视 投影 的 变换 矩阵 ,在 视图 类 中 定义 
double m_Matrix_V[4][4]; 


并 在 视图 类 的 构造 画 数 中 ,将 其 初始 化 为 单位 矩阵 : 


for(int ii=0;ii<4;iit+){ 
for(int j=0;j<4;j++) 
(m Matrix V[ii][j])=0; 
} 
m Matrix V[0][0] =1; 
m Matrix V[1][1] =1; 
m Matrix V[2][2] =1; 
m Matrix V[3][3] =1; 


为 了 实现 透视 变换 功能 ,在 应 用 程序 中 ,创建 一 个 设置 透视 变换 的 非 模 式 对 话 框 (例如 
名 称 为 CPerspectiveDlg) ,在 对 话 框 中 ,设置 三 个 坐标 轴 方向 的 视点 到 投影 面 的 距离 , 当 视 
点 无 穷 远 时 , 即 为 平行 变换 ,视点 和 观察 点 为 有 限 距离 时 为 透视 变换 。 设 置 一 个 方向 的 视点 
距离 为 一 点 透视 ,设置 两 个 方向 及 三 个 方向 的 视点 距离 , 即 为 二 点 透视 和 三 点 透视 。 为 了 操 
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作 直 观 , 采 用 滑动 控件 来 设置 距离 ,操作 效果 如 图 5. 3-12 所 示 。 
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图 5.3-12 ”透视 变换 


在 设置 视点 距离 时 ,视点 距离 太 远 则 透视 效果 不 明显 ,但 是 如 果 太 近 , 由 于 物体 相对 投 
影 面 的 位 置 , 投 影 会 有 大 的 变形 。 为 了 具有 好 的 观察 效果 ,视点 到 投影 面 的 距离 大 于 物体 的 
大 小 比较 合适 ,例如 ,形体 拉 伸 500m 左右 ,视点 到 投影 面 的 距离 为 1000m。 

滑动 控件 在 对 话 框 的 初始 化 函数 OnInitDialog() 中 设置 滑动 范围 和 滑动 步 长 : 


BOOL CPerspectiveDlg: :OnInitDialog() { 
CDialog: :OnInitDialog( ); 


m_x_slider. SetRange( 0, 1000); // 设 置 x 方向 滑动 控件 的 滑动 范围 
m_y_slider. SetRange(0,1000); // 设 置 y 方 向 滑动 控件 的 滑动 范围 
m_z_slider. SetRange( 0, 1000); // 设 置 z 方向 滑动 控件 的 滑动 范围 
m_x_slider. SetLineSize(50); // 设 置 x 方向 滑动 控件 的 滑动 步 长 
my_slider. SetLineSize(50); // 设 置 y 方 向 滑动 控件 的 滑动 步 长 
mz_slider. SetLineSize(50); // 设 置 z 方向 滑动 控件 的 滑动 步 长 
return TRUE; 


} 


在 对 话 框 的 OnHScroll( 〇 消息 函 数 中 获得 滑动 控件 中 滑动 块 的 位 置 ,取得 视点 距离 ,并 
设置 对 应 透视 投影 变换 矩阵 的 元 素 值 : 


void CPerspectiveD1g: :OnHScroll(UINT nSBCode, UINT nPos, CScrollBar * pScrollBar) { 
if(pScrollBar — > GetD1gCtrlID() == IDC_SLIDER 2){ //z 方向 透视 变换 
m 2Z= ((CSliderCtrl * )pScrollBar) -> GetPos(); // 取 得 滑 块 位 置 
if(m Z<1000ggm Z> 0) 
md=-1.0/(1000—m 2); 
else if(m Z== 1000) 
md=—0.01; // 视 点 距离 太 近 ,为 避免 失真 ,给 定 一 个 值 
else 
md=0; // 设 置 视点 无 穷 远 
this ->m_pView 一 >m_Matrix_V[2][3] =m_d; ， // 设 置 和 矩阵 值 
} 
else if(pScrollBar ->GetDlgCtrlID() == IDC_SLIDER Y){ //y 方向 透视 变换 
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m Y= ((CSliderCtrl * )pScrollBar) — > GetPos(); 
if(m Y<1000ggm Y>0) 
md=—1.0/(1000 —m Y); 
else if(m Z== 1000) 
md=—0.01; 
else 
md=0; 
this ->m_pView 一 >m_Matrix_ V[1][3] =m d;  // 设 置 和 矩阵 值 
} 
else if(pScrollBar -> GetD1gCtrlID() == IDC_SLIDER Xx){ //y 方向 透视 变换 
m X= ((CSliderCtrl * )pScrollBar) -> GetPos(); 
if(m X<1000ggm X> 0) 
md=-1.0/(1000—m xX); 
else if(m Z== 1000) 
md=-0.01; 
else 
md=0; 
this 一 >m_pView 一 >m Matrix _V[0][3] =m d; ， // 设 置 矩 阵 值 
} 
this—>m pView—> Invalidate( ); 
CDialog: :OnHScroll (nSBCode, nPos, pScrollBar); 
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空间 形体 的 形状 通过 投影 变换 等 操作 可 在 显示 屏幕 上 绘制 出 来 ,但 是 ,此 时 绘制 的 图 形 
没有 深度 信息 ,这 会 导致 图 形 所 表示 的 空间 形体 具有 二 义 性 ( 即 一 个 图 形 可 能 会 有 两 种 理 
解 ) ,因为 真实 世界 的 空间 形体 的 表面 之 间 在 视线 方向 上 会 存在 遮挡 关系 ,形体 表面 的 线 和 
面 存在 可 见 和 不 可 见 两 种 情况 ,被 遮挡 的 线 和 面 是 不 可 见 的 ,投影 后 不 必 绘 制 ,或 者 与 可 见 
线 和 面 在 绘制 时 进行 区 分 ,投影 变换 是 将 形体 的 所 有 线 面 向 屏幕 上 投影 ,并 不 判断 狂 挡 关 
系 , 这 就 造成 了 形体 的 二 义 性 。 为 了 消除 投影 变换 产生 的 二 义 性 ,在 绘制 图 形 时 必须 消除 形 
体 在 视线 方向 上 被 遮挡 的 不 可 见 的 线 和 面 ,这 种 处 理 习惯 上 称 作 消除 隐藏 线 和 隐藏 面 ,简称 
为 消 隐 。 消 隐 问 题 是 计算 机 图 形 学 中 的 一 个 较为 困难 又 很 引 人 注 意 的 研究 课题 ,至今 为 止 ， 
已 有 数 十 种 算法 被 提出 来 ,发表 的 有 关 文 章 已 有 数 百 篇 。 但 是 由 于 物体 的 形状 ,大 小 .相对 
位 置 等 因素 千变万化 , 它 仍 吸引 人 们 做 出 不 懈 努 力 去 探索 更 好 的 算法 。 














6.1 消 隐 相关 概念 及 算法 类 型 


无 论 多 么 复杂 的 空间 物体 , 当 不 透 光 时 ,在 视线 方向 上 都 只 能 看 到 形体 的 一 部 分 ,其 余 
部 分 由 于 光线 被 遮挡 是 不 可 见 的 ,这 些 部 分 称 为 隐藏 部 分 。 隐 藏 部 分 有 隐 线 和 隐 面 两 种 
类 型 。 

隐 线 (hidden line) : 又 叫 隐藏 线 , 是 在 一 定 的 投影 变换 (平行 投影 或 透视 投影 ) 情 况 下 物 
体 上 不 可 能 被 观察 者 看 到 的 边 或 轮廓 线 。 

隐 面 (hidden surface) : 又 称 隐藏 面 .是 在 一 定 的 投影 变换 (平行 投影 或 透视 投影 ) 情 况 
下 物体 上 不 可 能 被 观察 者 看 到 的 表面 。 

根据 消 隐 类 型 的 不 同 , 消 隐 算 法 分 为 如 下 两 类 。 

(1) 隐 线 算法 一 一 用 于 消除 物体 上 不 可 见 的 轮廓 线 。 隐 线 算法 主要 用 于 处 理 线 框图 形 
的 消 隐 问题 。 隐 线 算法 的 基本 思路 是 判断 面 对 线 的 遮挡 关系 ,反复 地 进行 线 线 、 线 面 之 间 的 
求 交 运算 。 算 法 基本 步骤 是 : 通过 构造 参与 消 隐 判断 的 面 表 、 边 表 , 循 环 取 出 一 个 边 , 逐 次 
判别 该 边 与 面 表 中 不 含 该 边 的 其 他 面 的 遮挡 关系 ,保留 并 显示 该 边 的 可 见 部 分 。 

(2) 隐 面 算法 一 一 用 于 消除 物体 上 不 可 见 的 表面 。 隐 面 算法 主要 是 针对 表面 模型 和 
实体 模型 提出 的 , 它 不 仅 可 以 绘制 物体 的 可 见 棱 边 , 还 可 以 填充 可 见 的 各 个 表面 内 的 
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根据 消 隐 空 间 的 不 同 , 消 隐 算 法 又 可 以 分 为 如 下 三 种 类 型 。 

(1) 物体 空间 算法 

算法 在 描述 物体 的 坐标 系 空间 中 进行 ,通过 比较 物体 和 物体 之 间 在 空间 的 相对 关系 , 确 
定 可 见 与 不 可 见 。 这 类 算法 是 将 物体 表面 上 的 个 多 边 形 中 的 每 一 个 面 与 其 余 的 & 一 1 个 
面 进行 比较 ,精确 地 求 出 物体 上 每 条 校 边 或 每 个 面 的 遮挡 关系 。 这 需 运 用 多 种 几何 计算 以 
达到 尽 可 能 高 的 精度 。 这 类 算法 的 计算 量 正比 于 及 。 

(2) 图 像 空 间 算法 

图 像 空间 是 相对 于 物体 空间 而 言 的 , 即 物 体 经 过 进一步 转换 到 了 屏幕 坐标 空间 。 这 类 
算法 对 屏幕 的 每 一 像素 进行 判断 ,以 决定 物体 上 哪个 多 边 形 在 该 像素 点 上 是 可 见 的 。 若 屏 
幕 上 有 mXn 个 像素 点 ,物体 表面 上 有 个 多 边 形 , 则 该 类 消 隐 算法 的 计算 量 将 正比 于 
mnk。 此 算法 的 精度 与 光栅 显示 屏幕 的 分 辨 率 有 关 。 后 文 所 述 的 Z-buffer 算法 、 扫 描 线 算 
法 以 及 Warnock 算法 均 属 于 该 类 算法 。 

(3) 物 像 空 间 消 隐 算法 

算法 同时 在 物体 坐标 系 空间 和 图 像 空 间 中 进行 。 该 类 算法 首先 需要 对 表面 进行 优先 级 
排序 ,深度 排序 .区域 细 分 或 者 光线 投射 等 处 理 , 从 而 判断 屏幕 的 像素 点 显示 哪个 表面 的 
颜色 。 





6.2 凸 多 面体 的 消 隐 


6.2.1 凸凹 多 面体 的 区 分 


出 多 面体 是 指 连 接 形体 中 任意 两 个 项 点 的 线段 全 部 落 在 该 形体 中 的 多 面体 内 。 凸 多 面 
体 是 由 凸 多 边 形 围 成 的 。 凸 多 边 形 各 内 角 均 小 于 180*。 凸 多 面体 的 表面 要 么 完全 可 见 , 要 
么 完全 不 可 见 , 如 图 6. 2-1(a) 所 示 。 在 消 隐 问题 中 , 凸 
多 面体 是 最 简单 和 最 基本 的 情形 ,其 消 隐 算法 的 关键 
是 测试 其 上 哪些 表面 是 可 见 的 ,哪些 表面 是 不 可 见 的 。 
如 果 顶 点 间 的 连 线 有 的 落 在 多 面体 或 多 边 形 之 
外 , 则 称 其 为 四 多 面体 ,如 图 6. 2-1(b) 所 示 。 四 多 面体 
上 有 些 表面 存在 着 部 分 可 见 部 分 不 可 见 。 因 此 ,四 多 
面体 的 消 隐 要 比 凸 多 面体 的 消 隐 复 杂 得 多 。 图 6.21 多 面体 类 型 





的 四 多 面 依 (b) 鼎 多 面体 


6.2.2 利用 平面 外 法 线 判 断 可 见 性 


平面 外 法 线 是 指 垂直 相应 平面 由 物体 表面 指向 外 部 空间 的 法 线 , 所 以 称 其 为 外 法 线 。 
平面 的 外 法 线 向 量 N 可 由 多 边 形 平 面 上 任意 相交 且 不 重合 的 两 线段 向 量 的 乘积 计算 得 出 。 
计算 外 法 线 向 量 应 从 形体 外 看 形体 表面 的 顶点 ,并 将 项 点 按 逆 时 针 方 向 编号 , 且 由 顶点 坐标 
得 到 边 向 量 ,如 图 6.2-2 所 示 。 
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边 向 量 SZX: 从 顶点 S 指向 顶点 A。 

边 向 量 A 访 ; 从 顶点 A 指向 顶点 也。 

表面 SAB 的 外 法 线 向 量 N 一 SAXA 户 ,其 方向 指向 
表面 外 ,两 向 量 的 向 量 积 的 坐标 表示 法 线 向 量 : 


i j Kk 
Ta Ts .ya Ys Xa Xs 


To Ta Ve Ye Xo Xa 


= Di+Ei+Fk = (D,E,F) 

















Wm nay » 
图 6.2-2 平面 外 法 线 向 量 
其 中 


Ta 一 Ti Ya ys 


， E= 下 一 




















pi Ya Zh Xa 
分 别 为 N 在 zx 轴 、y 轴 、z 轴 上 的 分 量 。 

设 V 是 从 观察 点 到 平面 上 任 一 点 的 连 线 所 得 的 向 量 ,为 方便 起 见 ,通常 取 平面 外 法 线 
NN 的 起 点 为 视线 向 量 V 的 起 点 。 设 观察 点 为 E(x, ,y,,z,), 外 法 线 向 量 的 起 点 为 S(x,y ,x,)， 
则 视线 向 量 V 为 

V 三 一 

由 向 量 N 和 VV 的 数量 积 N .V= |N| .|V| cosb, 得 cosg 一 TFT 其 正 负 号 与 
NV 一 致 。 

显然 表面 可 见 性 取决 于 表面 外 法 线 向 量 N 与 视线 向 量 V 之 间 的 夹 角 0: 

0 过 0 过 90", 则 该 表面 可 见 ; 

90" 志 9 过 180", 则 该 表面 不 可 见 。 

根据 cosg 与 N。V 的 正 负 号 关系 ,可 得 表面 可 见 性 的 判断 依据 为 : 

若 N.V 二 0, 则 该 表面 可 见 ; 

若 N.V 反 0, 则 该 表面 不 可 见 。 

在 图 6. 2-2 中 , 若 观察 点 瓦 在 y 轴 正 向 无 穷 远 处 时 ,视线 向 量 Y 平行 于 y 轴 , 这 时 表面 
的 可 见 性 由 外 法 线 向 量 N 与 y 轴 正 向 的 夹 角 B 确定。 

NN 与 y 轴 正 向 的 夹 角 有 的 余弦 为 


Zi 一 Ta 6 一 ya 


cosp = 全 

这 样 ,表面 可 见 性 判断 依据 简化 为 仅 考虑 外 法 线 向 量 N(D,E,F) 在 y 轴 上 的 分 量 E 的 
正 、 负 号 即 可 。 

例 6.1 以 图 6.2-2 为 例 , 假 设 该 三 棱锥 各 顶点 坐标 为 SC1,1,2),A(2,0,0),B(1,2,0)， 
C(0,0,0) ,视线 向 量 平行 于 > 轴 , 判 断 人 ASAB.、ASBC、ASCA 表面 的 可 见 性 。 

解 ”只 需 计 算出 各 表面 的 外 法 线 向 量 在 y 轴 上 的 分 量 巨 , 根 据 其 正 负 即 可 判断 该 表面 
的 可 见 性 。 

AS4B 表面 : 





Xa XX, Ta 


a 











1 
|= 2 二 0， AS4B 表面 可 见 


蓄 一 而 “一 站 
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人 ASBC 表面 : 











0 一 2 1 一 1 
-| | = 人 ASBC 表面 可 见 

















一 2 一 0 一 0 
和信 SCA 表面 : 
= | 浆 一 总 -| S00 |=—+<o, 人 SCA 表面 不 可 见 
zs 一 2 Xe— Te 0 一 0 2 一 0 
需要 注意 : 物体 某 一 表面 上 各 项 点 的 排列 顺序 ,必须 为 观察 者 面 对 该 表面 各 顶点 按 逆 
时 针 走 向 排列 。 





在 编程 实现 消 隐 时 ,由 于 显示 器 屏幕 所 在 平面 为 xzOy, 与 屏幕 平面 垂直 且 向 里 的 方向 
为 > 方向 ,视线 向 量 与 = 方向 相反 , 故 在 判断 表面 可 见 性 时 ,应 以 该 表面 外 法 线 向 量 N 在 x 
轴 的 分 量 下 的 正 负 来 判断 : 当 F<0 时 ,该 表面 可 见 ; F 二 0 时 ,该 表面 不 可 见 。 

当 多 面体 某 个 表面 可 见 时 , 则 绘制 该 表面 的 每 个 棱 边 的 投影 ; 不 可 见 时 , 则 不 绘制 该 表 
面 的 投影 。 

对 于 第 5 章 构 造 的 平面 线 框 拉 伸 体 , 当 拉 伸 形成 的 是 一 个 凸 多 面体 时 ,可 以 利用 上 述 方 
法 实现 该 凸 多 面体 的 消 隐 。 消 隐 时 ,首先 判断 上 下 表面 的 可 见 性 ,然后 再 判断 每 个 侧面 的 可 
见 性 。 由 于 在 形成 拉 伸 体 时 ,上 下 两 个 多 边 形 的 内 外 环 方向 已 经 按照 顺 时 针 或 者 逆 时 针 的 
方向 进行 了 排序 ,所 以 在 计算 每 个 面 的 外 法 线 向 量 时 ,直接 顺序 利用 三 个 顶点 进行 计算 
即 可 。 

在 编程 时 ,首先 创建 对 话 框 来 设置 是 否 消 隐 的 标识 符 hideFlag, 重 写 第 5 章 的 
DrawBody() 函 数 , 使 其 既 可 绘制 线 框图 ,也 可 以 绘制 消 隐 图 。 代 码 如 下 : 

void DrawBody(CDC * pDC,CBody_Stretch gm Body,COLORREF &m DrawColor, double m Matrix_V[][4], 

CBody_Stretch Body[ ], int bodyNum = 0, int lineWidth = 0, int lineType = 0, bool hideFlag = false){ 

// 拉 伸 实 体 


if(hideFlag == false){ // 线 框图 
DrawBodyOfLineFrame( pDC,m_Body, m_DrawColor,m Matrix V, lineWidth, lineType); 





} 
else{// 消 隐 图 

DrawBodyOfHideLine( pDC,m_Body,m DrawColor,m Matrix V,Body, bodyNum, lineWidth, lineType); 
} 


其 中 的 拉 伸 线 框 函数 DrawBodyOfLineFrame() 即 为 第 5 章 的 DrawBody() 函 数 。 消 隐 
函数 DrawBodyOfHideLine() 代 码 如 下 : 


尖 尖 尖 关 闪光 淆 尖 闪 关 尖 关 闪闪 尖 关 尖 尖 尖 关 舌尖 尖 关 关 关 闪光 关 关 六 尖 尖 关 关 尖 凑 尖 尖 尖 尖 美光 关 关 尖 尖 闪闪 尖 尖 尖 关 关 闫 闫 尖 尖 关 闫 尖 尖 尖 关 关 兴 尖 关 关 
DrawBodyOfHideLine: 三 维 拉 伸 凸 多 面体 在 显示 器 屏幕 上 的 消 隐 算 法 
pDC: 显示 器 指针 ; m_Body: 拾取 的 实体 ; m_Matrix_V: 透视 变换 矩阵 ; Body[ ]: 拉 伸 实体 数组 ; 
bodyNum: 实体 数量 ; m_DrawColor: 颜色 ; lineWidth: 线 宽 ; lineType: 线 型 
闫 闫 尖 关 次 闫 尖 尖 尖 关 美光 尖 尖 关 关 闪光 关 闫 关 尖 尖 关 关 尖 尖 关 闪闪 尖 闫 尖 尖 尖 关 尖 关 闪光 闫 闪光 尖 关 闪光 尖 关 关 关 尖 尖 关 关 关 尖 关 关 关 关 关 关 尖 关 关 / 
void DrawBodyOfHideLine(CDC * pDC,CBody Stretch &m Body,COLORREF &m DrawColor, doublem_ 
Matrix V[ ][4],CBody_Stretch Body[ ], int bodyNum = 0, int lineWidth= 0, int lineType = 0){ 
CPoint pt0_1,ptl1 1,pt0 2,ptl 2; 
CPoint3D pt_3D, pt0_3D, ptl1_3D, pt2_3D; 
// 首 先 判断 上 下 两 个 表面 多 边 形 的 可 见 性 (一 个 可 见 , 则 另外 一 个 不 可 见 ) 
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int m= 0; // = 0 为 第 一 个 表面 可 见 ,1 为 第 二 个 表面 可 见 , -1 则 法 矢 2 = 0, 都 不 可 见 

pt0_3D =m_Body. EdgePlane[0]. loop out.GetAt(0).Pt1 3D; 

pt1_3D = m Body.EdgePlane[0].1loop out.GetAt(0).Pt2 3D; 

pt2_3D= m Body.EdgePlane[0].1loop out.GetAt(1).Pt2 3D; 

double N Z= VectorXVectorForZ(pt0_3D, pt1_3D, pt2_3D); 

if(NZ==0) 

= 

else if(NZ<0){ 

证 (m_Body. length>0) ”//2z 正 向 拉 伸 ,此 时 法 线 向 量 为 内 法 线 向 量 , 故 该 面 不 可 见 ， 

// 则 拉 伸 的 另外 一 个 面 可 见 





else 
if(m_Body. length> 0) 
m=0; 
else 
m=1; 
if(m!=—1){ // 画 上 下 表面 中 可 见 表面 
for(int i=0;i<m Body.EdgePlane[m]. loop_out.GetSize();i++){ 
pt_3D= m Body. EdgePlane[m]. loop out. GetAt(i).Ptl1_ 3D; 
GetNewPoint(pt_3D,m Matrix V); 
pt0_1 = pt_3D. To2DPt(); 
pt_3D= m Body. EdgePlane[m]. loop_out. GetAt(i).Pt2_3D; 
GetNewPoint(pt_3D,m Matrix V); 
pt0_2 = pt_3D. To2DPt( ); 
MIDPOINT_ Line(pDC, pt0_1, pt0_2,m_DrawColor, lineWidth) ; // 画 线 


} 
// 顺 序 判断 每 一 个 侧面 
for(int k= 0;k<m_Body. EdgePlane[0]. loop_out. GetSize();k++){ 
pt0_3D =m_Body. EdgePlane[ 0]. 1oop_out. Getat(k).Ptl_3D) 
pt1_3D = m Body. EdgePlane[ 0]. loop_out. GetAt(k).Pt2_3D; 
pt2_3D = m_Body. EdgePlane[1]. loop_out. Getat(k).Ptl_3D; 
if(m_Body. length> 0) // 正 向 拉 伸 计算 外 法 矢 
N_2Z = VectorXVectorForZ(pt0_3D, ptl_3D, pt2_3D); 
else 
N_Z = VectorXVectorForZ(pt2_3D, pt1_3D, pt0_3D); 
证 (MLZ<0){// 可 见 , 画 四 条 棱 边 
GetNewPoint (pt0_3D,m Matrix V); 
pt0_1 = pt0_3D. To2DPt(); 
GetNewPoint (ptl1_3D,m Matrix V); 
pt0_2 = ptl 3D. To2DPt(); 
GetNewPoint (pt2_3D,m Matrix V); 
pt1_1 = pt2_3D. To2DPt(); 
MIDPOINT Line(pDC, pt0_1, pt0_2,m DrawColor, lineWidth); // 画 线 
MIDPOINT Line(pDC, pt0_1, pt1_1,m DrawColor, lineWidth); // 画 线 
ptl_3D= m Body. EdgePlane[1]. loop out.GetAt(k).Pt2 3D; 
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GetNewPoint(pt1_ 3D,m Matrix V); 

pt0_1 = pt1_3D. To2DPt(); 

MIDPOINT Line(pDC, pt0_1, pt0_2,m DrawColor, lineWidth); // 画 线 
MIDPOINT Line(pDC, pt0_1,ptl 1,m DrawColor, lineWidth); // 画 线 


} 
其 中 ,计算 多 边 形 的 法 线 向 量 的 = 坐标 即 分 量 下 的 函数 代码 为 ; 


double VectorXVectorForZ( CPoint3D gpt0, CPoint3D g&pt1, CPoint3D gpt2){ 
// 计 算 向 量 的 又 乘 大 
/* V= (xB- xA):(y— yA) — (x— xA): (yB— yA) 
(pt1.x— pt0.x) (pt1.Y 一 pt0.Y) 0 
(pt2.x— ptl.x) (pt2.y- ptl.y) 0x / 
return (ptl.x— pt0.x) * (pt2.y— ptl.y) ~ (pt2.x 一 pt1.x) * (ptl.y— pt0.y); 


采用 上 述 方法 绘制 的 拉 伸 凸 多 面体 消 隐 和 实例 效果 如 图 6. 2-3 所 示 。 


























图 6.2-3 拉 伸 凸 多 面体 消 隐 


凸 多 面体 消 隐 处 理 的 一 般 步骤 可 归纳 如 下 。 

步骤 一 ,几何 变换 。 

步 又 二 ,计算 各 表面 的 外 法 线 向 量 N。 

步骤 三 ,计算 外 法 线 向 量 N 与 视线 向 量 Y 的 夹 角 9 的 余弦 值 cosg 或 判断 其 正 负 号 。 

步骤 四 ,循环 根据 步骤 三 判断 各 表面 的 可 见 性 。 

步骤 五 ,表面 可 见 时 (如 赋值 1) , 画 出 其 平面 多 边 形 ; 不 可 见 时 (如 赋值 0 或 一 1) ,不 画 
出 ,处 理 下 一 个 表面 ,直至 最 后 一 个 表面 。 
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6.3 一 般 多 面体 的 消 隐 


6.3.1 消 隐 分 析 


一 般 多 面体 的 表面 可 以 是 是 多边形 、 目 多边形 ,也 可 以 是 带 内 环 的 多 边 形 。 当 多 面体 的 
某 个 表面 在 视线 方向 通过 外 法 线 向 量 判断 为 可 见 时 ,该 表面 可 能 最 终 只 是 部 分 可 见 , 也 有 可 
能 是 完全 不 可 见 的 ,因此 ,对 多 面体 上 经 外 法 线 向 量 判断 得 出 的 可 见面 只 能 看 作 潜在 可 见 
面 ,其 最 终 的 可 见 情况 还 需 做 进一步 的 判定 。 

当空 间 有 多 个 多 面体 时 ,多 面体 之 间 也 需要 判断 遮挡 关系 ,进行 消 隐 人 处理。 多 面体 之 间 
表面 的 消 隐 判断 和 单个 多 面体 表面 之 间 的 判断 方法 类 似 , 因 此 ,二 者 可 以 归结 为 同一 类 消 隐 
问题 。 

一 般 多 面体 消 隐 算 法 的 基本 思路 : 首先 ,计算 形体 各 表面 外 法 线 向 量 , 将 形体 上 的 全 部 
表面 分 为 不 可 见面 和 潜在 可 见面 ; 对 于 不 可 见面 不 再 处 理 , 而 对 于 潜在 可 见面 , 青 进一步 判 
断 其 可 见 性 。 

各 种 消 隐 算 法 的 区 别 主要 在 于 对 潜在 可 见面 及 其 棱 边 的 处 理 采 用 不 同 的 思想 方法 实 
现 。 下 面 介绍 几 种 经 典 的 消 隐 算法 ,并 对 其 中 的 扫描 线 消 隐 算法 进行 编程 实现 。 





6.3.2 隐 线 算法 


隐 线 算法 的 思想 是 : 根据 潜在 可 见面 获得 潜在 可 见 棱 线 ,依次 从 潜在 可 见 棱 线 中 取出 
一 条 棱 线 ,其 在 显示 屏幕 的 投影 与 非 该 棱 线 所 在 的 其 他 潜在 可 见面 的 投影 在 深度 ( 即 > 4 
标 ) 方 向 上 进行 判断 比较 ,确定 其 是 否 被 遮挡 以 及 被 遮挡 的 子 线段 的 位 置 。 

/ry 7 如 图 6.3-1 所 示 的 多 面体 ,在 视线 方向 的 潜在 可 见面 分 
别 为 1-2-6-5( 内 环 9-13-14-10)、2-3-7-6、5-6-7-8、 
9-12-16-13、9-10-11-12。 

潜在 可 见面 中 顺序 两 个 项 点 以 及 首尾 两 个 顶点 的 连 线 
即 为 潜在 可 见 棱 线 。 依 次 取出 一 个 潜在 可 见 棱 线 ,和 其 他 
潜在 可 见面 进行 遮挡 关系 比较 。 

例如 ,在 潜在 可 见面 1-2-6-5( 内 环 9-13-14-10) 中 取 棱 
线 1-2, 和 其 他 潜在 可 见面 进行 判断 ,由 于 均 没有 遮挡 关系 ， 

图 6.3-1 隐 线 算法 示意 图 。 则 该 楼 线 是 可 见 的 。 

从 潜在 可 见面 9-10-11-12 中 , 取 棱 线 11-12 ,与 其 他 潜在 可 见面 进行 判断 ,在 和 潜在 可 
见面 1-2-6-5(9-10-14-13) 判 断 比较 时 , 棱 线 11-12 的 中 间 线 段 @-@O 被 遮挡 ,不 可 见 , 子 
线段 11-@@ 和 -12 可 见 , 在 和 潜在 可 见面 2-3-7-6 判断 时 , 子 线段 11-@ 被 遮挡 ,不 可 见 ， 

后 只 有 @-12 可 见 。 循环 上 述 过 程 , 即 可 确定 每 条 潜在 可 见 棱 线 的 最 终结 果 。 

在 进行 线 面 遮挡 关系 判断 时 ,算法 可 以 按 以 下 的 步骤 实现 。 
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1. 包含 性 检测 

利用 边界 盒 检测 法 进行 粗略 的 遮挡 关系 判断 。 边 界 盒 是 指 包 含 表面 投影 的 两 对 边 分 别 
平行 于 坐标 轴 的 最 小 外 接 和 矩形 ,也 称 为 最 小 投影 矩形 ,如 图 6. 3-2 所 示 。 如 果 空 间 两 个 图 形 
的 最 小 投影 矩形 没有 重 蚕 部 分 , 则 这 两 个 图 形 相 互 之 间 不 存在 消 隐 问 题 。 

2. 深度 检测 

首先 ,进行 粗略 的 深度 检测 , 找 出 对 被 测 线 段 不 构成 遮挡 的 平面 。 在 显示 器 屏幕 上 ,如 
果 被 测 的 潜在 可 见 棱 线 的 两 端点 的 = 坐标 都 小 于 遮挡 平面 上 每 一 顶点 的 坐标 ,那么 该 谈 
挡 平面 不 可 能 对 这 条 棱 线 构成 遮挡 ,可 不 必 再 作 精确 比较 。 

接着 ,进行 精确 的 深度 检测 。 

如 图 6. 3-3 所 示 ,在 该 坐标 系 下 ,判断 线段 Pi (zi ,yi ,3) 一 Po(zxs ,ys ,zz) 和 谈 挡 平面 的 关 
系 。 线段 PiP; 在 y 轴 投 射 方向 上 在 平面 上 的 对 应 线段 是 Mi (zi sy » 1 ) 一 Ma (za ,ys ,x2)。 


Pi(x1, 3D 





图 6.3-2 表面 投影 边界 盒 图 6.3-3 精确 深度 检测 


比较 两 组 对 应 点 的 y 坐标 值 ,有 以 下 三 种 情况 。 

车 二 yi 且 y; 记 ys: 棱 线 在 遮挡 面 之 前 , 棱 线 全 部 可 见 。 

若 由 二 % 且 %<% : 楼 线 在 遮挡 面 之 后 , 棱 线 可 能 全 部 或 部 分 被 遮挡 。 

若 y 二 yi 且 ys 记 或 yi 二 yi 且 ys 二 ys: 棱 线 部 分 在 遮挡 面 之 前 部 分 在 遮挡 面 之 后 , 棱 
线 可 能 部 分 被 遮挡 。 

通过 上 述 分 析 也 可 获得 被 测 线段 两 个 端点 的 可 见 性 。 

因此 ,需要 计算 yy 和 ys。 对 于 yi, 令 yi 二 yi 十 ti, 设 遮 挡 平面 方程 为 

Azr 十 By 十 Cz 十 D=0 

则 4 值 为 4 = 一 (Azi 十 Byi 十 Cx 十 D)/B, 由 此 即 可 得 yx! 值 。ys 值 的 计算 同上 。 

平面 方程 的 系数 A、B、C、D 可 以 这 样 计算 : 在 潜在 可 见面 上 取 逆 时 针 走 向 三 个 相 邻 的 
顶点 ,坐标 分 别 为 (zi ,yi =) (zyvy yx)、 (zayyyxs), 则 


号 首 

















1 
1 
i 二 Ar 二 By 十 Cz 二 D=0 
1 


A= (ze CO—B)— Ya ow) yz O— ze) 








B Zi(zs 一 23) + Xs (zi 一 zs) — x3(z1 一 22) 








C= Zi(y: — 3)— ZY — yy) zr (yi — y2) 
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万 =— zi(yzs — ys3z2) + Ta Viz — Ys3z1) — Xa (yi1zs — ys21) 
3. 隐藏 性 判别 和 隐藏 线 消除 
首先 ,判别 隐藏 性 。 如 投影 平面 是 xOx 平面 , 则 对 被 测 棱 线 的 投影 与 谈 挡 平面 边框 的 
各 线段 的 投影 进行 求 交 运 算 , 如 图 6.3-4 所 示 。 
被 测 棱 线 在 zxOz 平面 上 投影 线段 的 参数 方程 为 
f = Zi 十 (zs 一 TI)A 


z= zi 二 (zz CO— z1)4 
遮挡 平面 边框 的 各 线段 在 zxOz 平面 上 的 参数 方程 为 
f = Za 十 (zi 一 Zi)A 














z= za (za — za)p 

六 联 立 两 方程 可 依次 求 出 各 交点 ,并 计算 出 其 相应 的 和 

的 值 。 当 0<4<1 和 0<y<1 时 ,交点 位 于 两 线段 上 ,为 有 效 

交点 ,否则 为 无 效 交 点 。 该 交点 是 被 测 楼 线 和 谈 挡 平面 边框 投影 的 重 影 点 ,比较 它们 的 对 应 
深度 值 即 > 坐标 的 大 小 ,确定 该 点 在 被 测 棱 线 投影 的 可 见 性 ,并 在 被 测 棱 线 投影 线 上 按 的 
大 小 对 交点 进行 排序 。 

接着 ,进一步 判断 被 交点 分 割 的 被 测 棱 线 的 各 子 线段 的 可 见 性 。 若 子 线段 的 两 个 端点 
都 是 不 可 见 的 , 则 该 子 线段 不 可 见 ,不 再 判断 。 只 要 子 线段 的 其 中 一 个 端点 是 可 见 的 , 则 该 
子 线段 即 可 见 。 对 于 可 见 的 子 线段 ,继续 进行 上 述 过 程 ,直到 与 所 有 的 潜在 可 见 表面 都 进行 
了 遮挡 性 判断 ,获得 最 终 的 可 见 子 线段 。 

隐 线 算法 主要 适用 于 线 框 体 的 消 隐 ,在 消 隐 过 程 中 基本 不 考虑 物体 的 表面 特性 ,因为 只 是 
进行 线 线 求 交 和 线 面 求 交 , 每 条 线 占用 内 存 较 小 ,所 以 运算 速度 较 快 ,属于 物体 空间 消 隐 算 法 。 


6.3.3 画家 算法 


所 谓 画 家 算法 是 根据 画家 作画 形成 一 幅 图 画 的 过 程 构造 的 算法 。 画 家 画 油 画 时 先 画 远 
景 , 再 画 中 间 景 物 , 最 后 才 画 近景 。 画 家 通过 这 种 顺序 构造 画面 ,自然 地 解决 了 可 见 性 问题 。 
因此 ,画家 算法 的 基本 思路 如 下 。 

首先 ,把 屏幕 置 成 背景 色 。 

接着 ,将 场景 中 的 物体 按 其 距 观 察 点 的 远近 进行 排序 ,结果 放 在 一 张 线性 表 中 。 (线性 
表 构 造 方法 : 距 观 察 点 远 的 优先 级 低 , 放 在 表 头 ; 距 观 察 点 近 的 优先 级 高 , 放 在 表 尾 。 该 表 
称 为 深度 优先 级 表 ) 

然后 ,按照 从 远 到 近 ( 从 表 头 到 表 尾 ) 的 顺序 逐个 绘制 物体 。 优 先 级 低 的 先 画 ,优先 级 高 
的 后 画 , 优 先 级 高 的 表面 颜色 取代 优先 级 低 的 表面 颜色 ,相当 于 消除 了 隐藏 面 。 

画家 算法 的 关键 是 对 场景 中 的 物体 按 深度 (远近 ) 进 行 优先 级 排序 ,并 在 图 像 空间 内 进 
行 消 隐 , 它 又 称 为 深度 排序 算法 ,属于 物体 图 像 空 间 算法 。 

一 种 对 表面 多 边 形 的 排序 算法 如 下 。 

步骤 一 ,将 场景 中 所 有 多 边 形 存 和 一 个 线性 表 , 记 为 工 。 

步骤 二 ,如 果 工 中 仅 有 一 个 多 边 形 ,算法 结束 ; 否则 根据 每 个 多 边 形 的 zs, 对 它们 预 排 
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。 假 定 多 边 形 已 落 在 表 首 , 即 xn(P) 为 最 小 。 记 Q 为 L 中 除去 已 的 任意 一 个 多 边 形 。 

步骤 三 ,判别 Q、P 之 间 的 关系 ,有 如 下 两 种 情况 。 

(1) 对 所 有 的 Q, 有 xmx(P) 一 zan(Q) , 则 多 边 形 已 距 观察 点 最 远 , 它 不 可 能 遮挡 别 的 多 
边 形 。 令 L=L 一 P, 即 去 掉 已 ,返回 步骤 二 。 

(2) 若 存在 某 一 个 多 边 形 Q, 使 ss(CP) 二 mn(Q) , 需 进 一 步 判 别 。 

@ 若 P.Q 的 投影 P'、Q' 的 包围 盒 不 相交 , 则 P、Q 在 表 中 的 次 序 不 重要 , 令 L=L 一 P， 
返回 步骤 二 ; 否则 进行 下 一 步 。 

@ 若 己 的 所 有 顶点 位 于 Q 所 在 平面 的 不 可 见 的 一 侧 , 则 P、Q 关 系 正确 , 令 L=L 一 P， 
返回 步骤 二 ; 否则 进行 下 一 步 。 

@ 车 QQ@ 的 所 有 顶点 位 于 P 所 在 平面 的 可 见 的 一 侧 , 则 P.Q 关 系 正确 , 令 L=L 一 P, 返 
回 步骤 二 ; 否则 进行 下 一 步 。 

@ 对 P.\Q 的 投影 P'.Q 求 交 。P'、Q' 不 相交 , 则 PQ 在 表 中 的 次 序 不 重要 , 令 L=L 一 
P, 返 回 步骤 二 。 否 则 在 它们 所 相交 的 区 域 中 任 取 一 点 ,计算 P、Q 在 该 点 的 深度 值 ,如 果 PP 
的 深度 小 , 则 P.Q 关 系 正确 , 令 L=L 一 P, 返 回 步骤 二 ; 否则 交换 P.Q, 返 回 步骤 三 。 

上 述 算法 不 能 处 理 多 边 形 循环 谈 挡 和 和 多边 形 相互 穿 透 的 情况 ,解决 办 法 是 将 多 边 形 分 
割 成 多 个 多 边 形 再 处 理 。 

画家 算法 主要 适用 于 面 消 隐 的 情况 。 由 于 画家 算法 对 多 边 形 集合 中 的 每 个 点 都 要 进行 
泻 染 ,而 没有 考虑 这 些 多 边 形 在 最 终场 景 中 可 能 被 其 他 部 分 遮挡 ,因此 ,此 种 算法 效率 较 低 ， 
对 于 细致 的 场景 来 说 ,会 过 度 地 消耗 计算 机 资源 。 














到 





6.3.4 深度 缓冲 器 算法 


深度 缓冲 器 算法 又 称 Z-Buffer 算法 ,可 以 看 作 是 画家 算法 的 一 个 发 展 , 它 根据 每 个 像 
素 的 信息 解决 深度 冲突 的 问题 ,并 且 抛 弃 了 对 于 深度 泻 染 顺序 的 依赖 。 

深度 缓冲 器 算法 的 基本 思路 是 : 对 于 显示 屏 上 的 每 一 个 像素 ,记录 下 位 于 该 像素 内 最 
靠近 观察 者 的 那个 景物 面 的 深度 坐标 ,同时 相应 记录 下 用 来 显示 该 景物 面 的 颜色 (或 亮度 信 
息 ) ,那么 所 有 记录 下 的 这 些 像素 所 对 应 的 颜色 就 可 以 形成 最 后 要 输出 的 图 形 。 

深度 缓冲 器 算法 的 主要 问题 是 需要 定义 两 个 巨大 的 数组 : 一 个 是 深度 数组 , 即 Z 缓冲 
器 depthLx][y]; 另 一 个 是 颜色 或 亮度 数组 , 即 帧 缓冲 器 intensity[Lxj[y]。 其 中 的 x、y 分 别 
表示 显示 屏幕 上 沿 x 轴 方向 和 沿 y 轴 方向 上 分 布 的 像素 数目 。 帧 缓冲 器 与 Z 缓冲 器 的 单 
元 一 一 对 应 ,如 图 6. 3-5 所 示 。 





帧 缓冲 融 Z 缓 冲 器 
国画 国 大 让 | 















































| | | | | 
每 个 单元 存放 灶 应 每 个 单元 存放 对 应 
像素 的 颜色 位 像素 的 深度 值 


6.3-5 Z-Buffer 算法 中 屏幕 . 帧 与 乙 缓 冲 器 单元 一 一 对 应 








180 


计算 机 图 形 学 一 原理 、 算 法 及 实践 








Z-Buffer 算法 对 形体 的 每 一 个 潜在 可 见面 全 部 进行 采样 ,并 将 采样 点 变换 到 屏幕 坐标 
系 的 图 像 空间 ,记录 其 深度 坐标 值 >。 根 据 采样 点 在 屏幕 上 投影 的 位 置 ,将 其 深度 与 已 存储 
的 Z 缓 冲 器 里 的 深度 值 进行 比较 。 如 果 新 采样 点 的 深度 值 大 于 原 存储 值 , 则 用 新 深度 值 蔡 
换 原 有 的 深度 值 ,同时 在 帧 缓冲 器 中 替换 相应 的 单元 的 颜色 或 者 亮度 值 。 

Z-Buffer 算法 是 所 有 图 像 空间 算法 中 最 简单 的 一 种 隐藏 面 消 除 算法 。 它 在 像素 级 上 以 
近 物 取代 远 物 ,与 形体 在 屏幕 上 的 出 现 顺序 无 关 。 其 优点 是 : 简单 稳定 ,利于 硬件 实现 ,不 
需要 整个 场景 的 几何 数据 。 缺 点 是 : 对 每 个 多 边 形 占 据 的 每 个 像素 都 要 计算 深度 值 ,计算 
量 大 ,并 占用 大 量 的 内 存 空间 ,编程 实现 时 也 发 现 Z-Buffer 算法 对 计算 机 资源 耗费 较 多 ,在 
实时 图 形变 换 时 ,图 形 刷新 与 其 他 算法 相 比 有 明显 延迟 现象 。 


6.3.5 基于 扫描 线 的 消 隐 算 法 


由 于 Z-Buffer 算法 需要 较 大 的 内 存 资源 ,为 克服 这 个 缺点 ,可 以 将 整个 绘图 区 域 分 割 
成 若干 个 小 区 域 , 然 后 一 个 区 域 一 个 区 域 地 显示 ,这 样 Z 缓冲 器 的 单元 数 只 要 等 于 一 个 区 
域内 像素 的 个 数 就 可 以 了 。 如 果 将 小 区 域 取 成 屏幕 上 的 扫描 线 , 就 得 到 扫描 线 Z 缓冲 器 
算法 。 

扫描 线 Z 缓冲 器 算法 对 于 扫描 线 上 的 每 个 像素 点 还 要 计算 深度 值 , 甚 至 不 止 一 次 的 计 
算 ,运算 量 仍然 很 大 。 改 进 为 ,在 一 条 扫描 线 上 ,每 个 区 间 只 计算 一 次 深度 , 即 区 间 扫 描 线 算 
法 ,又 称 扫描 线 算法 。 

当 消 隐 的 目的 只 是 消除 形体 被 遮挡 的 部 分 ,而 不 考虑 表面 的 光照 颜色 及 亮度 时 ,那么 ， 
扫描 线 算 法 只 对 潜在 可 见 棱 边 进行 处 理 即 可 ,这 时 计算 所 需 的 内 存 将 进一步 减少 。 与 多 边 
形 的 扫描 转换 类 似 , 当 用 一 条 扫描 线 扫描 形体 的 投影 时 ,计算 其 与 形体 某 一 个 潜在 可 见面 的 
所 有 潜在 可 见 棱 边 投影 的 交点 ,该 交点 的 数据 结构 中 需要 记录 其 在 对 应 棱 边 上 的 深度 即 x 
坐标 信息 ,然后 在 扫描 线 方向 上 将 交点 按 增 量 进行 排序 ,并 两 两 组 成 交点 区 间 对 , 则 组 成 区 
间 对 内 的 点 属于 潜在 可 见面 的 投影 。 当 交点 对 集合 中 插入 新 的 交点 对 时 , 需 判 断 新 老 交 点 
对 在 空间 对 应 的 棱 边 部 分 的 遮挡 关系 ,在 对 交点 区 间 连 线 进 行 遗 挡 关系 比较 时 ,如 两 条 线 在 
深度 方向 存在 包含 、 部 分 遮挡 等 关系 , 需 将 被 遮挡 部 分 分 解 为 可 见 的 多 个 交点 对 。 

如 图 6. 3-6 所 示 ,一 条 扫描 线 与 形体 的 潜在 可 见面 投影 相交 情况 如 下 : 











6.3-6 扫描 线 消 隐 法 
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与 面 1-2-3-4 的 交点 是 和 @; 
与 面 2-5-6-3 的 交点 是 @ 和 @, 从 图 中 可 以 看 出 @ 和 @ 是 重合 的 ; 
与 面 12-13-10-9 的 交点 是 @ 和 @; 
与 面 14-15-8-7 的 交点 是 @ 和 @。 
由 于 还 需要 判断 深度 信息 ,所 以 在 交点 的 数据 结构 中 要 记录 交点 在 视线 方向 对 应 于 所 
在 面 的 > 坐标 值 大 小 。 

在 扫描 线 工 方向 上 对 交点 进行 排序 ,由 于 前 面 三 个 面 的 交点 的 z 坐 标 值 递增 , 则 交点 
对 的 集合 及 交点 区 间 对 顺序 为 D-@.@-@.@-@. 当 扫 描 线 与 面 14-15-8-7 的 交点 对 
OO-@ 插 入 交点 对 集合 中 时 ,顺序 判断 其 与 集合 每 个 交点 对 的 zx 坐标 值 大 小 ,首先 与 DO-@ 
比较 ,由 于 @ 比 @ 的 xz 坐标 值 大 , 则 判断 下 一 组 @-@。 由 于 @ 比 @ 小 、@ 比 @ 大 ,所 以 两 组 
交点 对 的 连 线 在 视线 方向 存在 遮挡 关系 。 

首先 ,计算 中 -@ 连 线 上 与 @ 重 影 的 点 在 面 14-15-8-7 上 的 = 坐标 值 : 


t= (x — 7x1)/(xs CO— x7) 

















则 
z= 2 二 (zs — z7)t 

比较 < 与 x ,显然 @ 可 见 ,-@ 中 -@ 部 分 被 遮挡 ,将 四 -@ 中 与 @@ 重 影 的 点 加 记录 
下 来 , 则 @-@ 自 是 中-@ 未 被 @-@ 谈 挡 的 部 分 。 

下 面 继 续 比 较 @-@ 与 下 一 组 交点 对 @-@ 的 遮挡 关系 。 和 上 面 的 方法 类 似 ,判断 @-@ 
连 线 上 与 @ 重 影 的 点 在 面 12-13-10-9 上 的 = 坐标 值 , 显 然 @ 被 遮挡 ,在 @-@ 上 取 与 @ 重 影 
的 点 四 , 则 @@-@ 是 四 -@ 中 未 被 遮挡 的 部 分 ,并 插 在 @-@ 交 点 对 之 前 。 

最 后 , 即 得 该 扫描 线 与 潜在 可 见 平面 相交 的 可 见 交 点 对 集合 及 顺序 为 D0-@@、 昌 -@、 
9-0.O-@. 

从 上 面 分 析 可 以 看 出 ,在 对 交点 对 排序 时 ,需要 详细 判断 和 处 理 待 插入 交点 对 与 当前 被 
比较 的 交点 对 之 间 的 位 置 关 系 以 及 遮挡 关系 。 设 待 插 入 交点 对 为 @-@, 当 前 用 于 比较 的 
交点 对 为 -@, 则 两 组 交点 对 的 位 置 和 遮挡 关系 可 以 分 为 如 图 6. 3-7 所 示 的 6 种 情况 。 
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6.3-7 ”交点 对 之 间 的 相对 位 置 及 遮挡 关系 


在 图 6.3-7 中 ,除了 (a) 和 (人 f) 外 ,其 他 几 种 情况 下 的 两 组 交点 对 之 间 均 存在 让 挡 关系 ， 
其 中 ,虚线 表示 在 对 应 位 置 下 存在 遮挡 关系 的 情况 。 当 存在 谈 挡 时 ,需要 对 被 遮挡 的 部 分 分 
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成 可 见 段 和 不 可 见 段 来 处 理 。 

上 述 方法 , 当 对 交点 区 间 内 的 像素 点 用 所 对 应 表面 的 颜色 显示 时 , 即 可 实现 形体 表面 的 
泻 染 , 如 果 只 对 交点 用 给 定 的 颜色 显示 ,那么 获得 的 就 是 形体 边 的 消 隐 。 

由 于 扫描 线 法 主要 是 利用 扫描 线 与 边 投影 的 交点 来 实现 
消 隐 ,但 是 ,并 没有 进一步 分 析 边 投影 的 连贯 性 特点 ,那么 , 扫 
L 口 本 描 线 与 同一 个 边 投影 所 有 交点 的 集合 有 可 能 并 不 连续 。 如 
图 6. 3-8 所 示 , 利 用 扫描 线 法 扫描 三 个 边 ,对 边 1、 边 2 的 扫描 
均 可 获得 同一 个 边 的 连续 性 逼近 交点 ,但 是 对 于 边 3 扫描 线 
l 扫描 时 ,只 能 获得 边 投影 的 两 个 端 部 的 交点 ,不 能 获得 边 投影 

图 6.3-8 扫描 线 特殊 情况 ” 的 整个 连续 的 部 分 。 当 边 的 投影 直线 斜率 较 小 , 即 边 比较 水 

平时 ,扫描 线 法 获得 的 边 的 这 种 像素 点 不 连续 性 会 一 直 存在 。 

为 了 使 扫描 线 法 获得 的 边 是 连贯 的 ,需要 在 不 连续 的 像素 点 之 间 进 行 补偿 使 之 连续 ,这 
需要 进一步 判断 相 邻 扫描 线 获 得 的 同一 边 的 像素 交点 之 间 是 否 连 续 ,如 不 连续 , 则 在 两 个 交 
点 之 间 再 进行 连 线 。 这 样 , 在 交点 的 数据 结构 中 ,除了 需要 登记 深度 坐标 信息 外 ,还 需 登 记 
所 在 边 的 信息 。 为 了 实现 边 的 连贯 性 ,对 于 扫描 线 上 被 其 他 交点 对 谈 挡 隐藏 的 交点 ,在 插入 
交点 对 排序 时 ,不 要 删除 ,仍然 将 其 插入 交点 集合 中 ,但 是 设置 其 属性 为 不 可 见 ,在 判断 相 邻 
扫描 线 的 边 连续 性 时 再 使 用 。 

则 投影 交点 的 数据 结构 类 可 参考 如 下 : 

class CPixelPt{ 

public: 

int xy y; 
double z; // 深 度 坐标 z 值 


COLORREF EdgeColor; // 如 是 边界 点 时 ,边界 的 颜色 
COLORREF DrawColor; // 如 是 内 部 点 时 ,内 部 点 的 颜色 

































































int SeeFlag; /// 是 否 可 见 ,0: 不 可 见 ,1: 可 见 
int InterFlag; // 是 否 是 扫描 线 交 点 ,1: 是 ,0: 不 是 
int Type; /// 点 类 型 ,0: 普通 点 ,1: 边界 点 ,2: 边界 顶点 ,3: 边界 是 水 平 线 时 的 顶点 
CEdge Edge[2]; // 投 影像 素 点 所 在 边 
public: 


CPixelPt(){ 
SeeFlag=1; // 默 认 点 是 可 见 的 
Type= 0; // 默 认 是 普通 点 
InterFlag=1; // 默 认 是 交点 
} 
CPixelPt& operator = (const CPixelPt &PixelPt){ 
if(this== &PixelPt) 
{return *this;} 
else{ 
x= PixelPt. x; 
y= PixelPt. y; 
z= PixelPt.z; 
EdgeColor = PixelPt. EdgeColor; 
DrawColor = PixelPt. DrawColor; 
Type = PixelPt. Type; 
InterFlag = PixelPt. InterFlag; 
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SeeFlag = PixelPt. SeeFlag; 
Edge[ 0] = PixelPt. Edge[ 0]; 
Edge[1] = PixelPt. Edge[1]; 


return * this; 


}; 


消 隐 主 要 是 对 实体 表面 的 潜在 可 见 性 进行 分 析 , 所 以 ,也 需要 建立 实体 表面 的 数据 结 
构 , 可 参考 如 下 : 





class CBodySurf :CObject{ 


public: 
CEdgePlane Body_ Surf; // 表 面 内 外 环 ,已 排序 
BOOL BodySurf_ See Flag; // 一 1: 不 可 见 ,0: 潜在 可 见 ,1: 确定 可 见 
int y min _Project, y max_Project; // 该 表面 在 xoy 面 的 投影 的 扫描 线 的 最 大 最 小 值 
COLORREF color; // 表 面 颜色 
int PickFlag; // 是 否 拾取 ,0: 没有 ,1: 拾取 
CBodySurf(){ 


BodySurf_See_Flag = FALSE; 
ymin Project = 0; 
yY_max Project = 0; 
color = RGB(255, 255, 255); 
PickFlag = 0; 
} 
一 CBodySurf(){ 
} 
CBodySurf& operator = (CBodySurf &BodySurf){ 
if(this == &BodySurf) 
return *this; 
elsel{ 
this 一 > Body Surf = BodySurf. Body_ Surf; 
this—> BodySurf See Flag= BodySurf.BodySurf See Flag; 
this—>y min Project = BodySurf.y min Project; 
this—>y max Project = BodySurf.y max Project; 
this—> color = BodySurf. color; 
this 一 > PickFlag = BodySurf. PickFlag; 
return * this; 


’ 
CBodySurf (const CBodySurf& BodySurf){ 
this 一 > BodySurf_See Flag = BodySurf. BodySurf_ See_Flag; 
this—>y min Project = BodySurf.y min Project; 
this—>y max Project = BodySurf.y max Project; 
this 一 > color = BodySurf. color; 
this — > PickFlag = BodySurf. PickFlag; 


}; 
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基于 扫描 线 的 消 隐 算法 的 步骤 可 以 归纳 如 下 。 

第 一 步 : 计算 出 所 有 实体 表面 的 总 数量 BodySurf_num, 创 建 实体 表面 数组 Body_Surf[]， 
分 析 每 个 表面 的 潜在 可 见 性 ,占有 的 扫描 线 的 最 大 最 小 位 置 ,以 及 该 表面 是 否 是 被 拾取 的 实 
体 的 表面 。 如 有 表面 颜色 ,也 可 设置 表面 颜色 。 

第 二 步 : 从 所 有 表面 的 最 小 扫描 线 ye 一 yam( 如 果 ysen 三 ymax si 二 0) 开 始 ,如 果 i 一 
BodySurf_num, 从 实体 表面 数组 中 顺序 取出 一 个 潜在 可 见 表面 Body_Surf[ 训 ,判断 其 与 
ysem 是 否 相 交 。 如 ye。 与 Body_Surf[ 订 相交 , 则 计算 交点 ,获得 交点 集合 m_OneSurf_Pt_ 
Array。 

第 三 步 : 将 交点 集合 m_OneSurf_Pt_Array 的 新 交点 两 两 组 合 插入 该 扫描 线 原 有 的 交 
点 集合 m_All_Pt_Array 中 , 按 z 坐标 大 小 排序 ,并 分 析 处 理 交 点 对 之 间 的 遮挡 关系 ; 如 果 
i 二 BodySurf_num; 则 i=i 十 1, 返 回 第 二 步 。 

第 四 步 : 依次 从 交点 集合 m_All_Pt_Array 中 取出 一 个 交点 PixelPt0 ,判断 其 是 否 可 
见 。 如 不 可 见 , 但 是 其 为 计算 得 到 的 交点 , 则 判断 其 与 上 一 条 扫描 线 产 生 的 交点 集合 中 同一 
边 的 交点 之 间 是 否 连 续 。 如 不 连续 则 连 线 ,重复 循环 第 四 步 。 

第 五 步 : 如 交点 PixelPt0 可 见 ,再 判断 下 一 个 交点 是 否 和 它 在 同一 个 水 平 边 上 。 如 是 ， 
直接 连 线 ,返回 第 四 步 。 

第 六 步 : 判断 点 PixelPt0 与 上 一 条 扫描 线 产生 的 交点 集合 中 同一 边 的 交点 之 间 是 否 连 
续 , 如 不 连续 则 连 线 。 然 后 设置 PixelPt0 的 颜色 ,返回 第 四 步 。 

上 述 步 又 的 参考 代码 如 下 (其 中 的 三 维 实体 是 第 5 章 三 维 造型 中 的 线 框 拉 伸 实体 ): 





/ 光 湛 闪闪 站 尖 关 闪 闪 关 尖 关 闪闪 闪光 闪光 并 关 关 并 尖 关 关 关 并 尖 关 关 关 闪光 关 庆 闪闪 闫 关 尖 尖 闪 并 关 关 关 关 闪 关 次 尖 六 闪闪 闫 闫 闪光 关 关 关 尖 关 关 关 关 尖 关 关 
DrawTrueBody: 三 维 拉 伸 凸 多 面体 在 显示 器 屏幕 上 的 消 隐 算法 
pDC: 显示 器 指针 ; m_Picker: 拾取 的 实体 ; m_EdgeColor: 拾取 时 的 颜色 ; m_Matrix_V: 透视 变换 矩 
阵 ; Body[] : 拉 伸 实体 数组 ; bodyNum: 实体 数量 ; m_DrawColor: 未 拾取 的 颜色 
美 汪 汪汪 关 关 站 关 关 关 关 关 关 关 关 关 关 关 关 尖 尖 关 关 尖 尖 关 关 关 关 关 关 关 关 关 闫 关 尖 尖 尖 关 关 尖 关 关头 关 关 关 关 关 关 关 关 关 关 关头 关 关 关 关头 关头 关 关 / 
void DrawTrueBody(CDC * pDC, CPicker &m_Picker, COLORREF m_EdgeColor, double m Matrix_V[] 
[4],CBody_Stretch Body[ ], COLORREF &m DrawColor, int bodyNum){ 
int i,j,x,y,mn,k,s; ”// 第 一 步 创 建 实体 表面 ,首先 计算 一 共有 多 少 实体 表面 
int BodySurf num= 0; // 表 面 数 量 
CBodySurf bodySurf; 
for(m= 0;m< bodyNum;m++ ){ 
BodySurf_num+= 2; 
BodySurf_num += Body[m]. EdgePlane[0]. loop_out. GetSize( ); // 外 环 
for(int i= 0;i< Body[m]. EdgePlane[0]. in num;i++){ 
BodySurf_num += Body[m].EdgePlane[0].loop in[i].GetSize(); 
} 
} 
CBodySurf * Body_ Surf = new CBodySurf[BodySurf_nunm]; // 设 置 实体 表面 数组 
bool flag = FALSE; 
//1. 创 建 实体 表面 数组 ,并 获得 最 小 最 大 扫描 线 
s=0; 
int pickFlag = 0; 
int yscan, ynin = 0, ymax = 0; 
for(m= 0;m< bodyNum;m++){ 
CPoint3D pt_3D[5]; // 侧 面 多 边 形 
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CEdge Edge; 
CArray < CEdge, CEdge > m_ Edge _Array; 
if(m Picker.picktype == pick_body&&Body[m] == m Picker.m Body_Stretch) 
pickFlag= 1; 
else 
pickFlag = 0; 
if(Body[m]. length> 0){ // 下 表面 反 向 
bodySurf. Body_Surf = Body[m]. EdgePlane[0]; 
bodySurf. Body_Surf. AntiDirection( ); // 反 向 
bodySurf. color = Body[m]. color; // 设 置 表 面 颜色 


BuildBodySurf (bodySurf); // 计 算 该 表面 的 可 见 性 及 占有 的 扫描 线 等 
bodySurf. PickFlag = pickFlag; // 设 置 该 表面 的 拾取 状态 
Body_Surf[ s++ ] = bodySurf; // 加 入 表面 数组 


if(m== 0){// 计 算 最 小 最 大 扫描 线 
Ymin = bodySurf.y min _ Project; 
Ymax = bodySurf.y_max_ Project; 
} 
else{ 
if(bodySurf. BodySurf_ See Flag==1){ 
if(bodySurf.y min Project < ymin) ymin= bodySurf.y min Project; 
if(bodySurf.y_ max Project > ymax) ymax = bodySurf.y_max_ Project; 


} 

bodySurf. Body_Surf = Body[m]. EdgePlane[1]; // 上 表面 

bodySurf. color = Body[m]. color; 

BuildBodySurf (bodySurf); 

bodySurf. PickFlag = pickFlag; 

Body_Surf[ s++ ] = bodySurf; 

if(bodySurf. BodySurf_See Flag==1){ 
if(bodySurf.y_ min Project < ymin) ymin= bodySurf.y_min Project; 
if(bodySurf.y max Project > ymax) ymax = bodySurf.y max Project; 

| 


for(int i= 0;i<Body[m].EdgePlane[0]. loop_out.GetSize();i++){/V/ 外 环 侧面 


m_Edge_Array. RemoveAll( ); // 作 为 表面 外 环 , 按 逆 时 针 方 向 排序 


pt_3D[0] = Body[m].EdgePlane[0]. loop_out.Getat(i).Ptl_3D; // 取 一 个 边 


pt_3D[1] = Body[m]. EdgePlane[0]. loop_out. GetAt(i).Pt2_3D; 
pt_3D[2] = Body[m]. EdgePlane[1]. loop_out. GetAt(i).Pt2_3D; 
pt_3D[3] = Body[m]. EdgePlane[1]. loop_out. Getat(i).Ptl_3D); 
pt_3D[4] = Body[m]. EdgePlane[0]. loop out. GetAt(i).Pt1_ 3D; 
for(int j=0;j<4;j++){ 

Edge. Pt1l_3D= pt_3D[j]; 

Edge. Pt2_3D= pt_3D[j+1]; 

m Edge Array. Add(Edge); 
} 
bodySurf. Body_Surf. loop_out. RemoveAll( ); 


bodySurf. Body_Surf. loop_out. Append(m_Edge_Array); // 加 入 表面 数组 


bodySurf. Body_Surf. in num= 0; 
bodySurf. color = Body[m]. color; 
BuildBodySurf (bodySurf); 
bodySurf. PickFlag = pickFlag; 
Body Surf[ s++] = bodySurf; 
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if(bodySurf. BodySurf See Flag==1){ 
if(bodySurf. y min Project < ymin) ymin= bodySurf. y min Project; 
if(bodySurf.y max Project> ymax) ymax = bodySurf.y max Project; 


} 
for(k=0;k<Body[m].EdgePlane[0].in_ num;k++){ ”// 内 环 侧 表面 
for(n= 0;n<Body[m]. EdgePlane[0].1loop in[k].GetSize();n++){ 
m Edge Array. RemoveAll(); 
// 作 为 表面 外 环 , 按 逆 时 针 方 向 排序 
pt_3D[0] = Body[m]. EdgePlane[0].loop in[k].GetAt(n).Pt1 3D; 
pt_3D[1] = Body[m]. EdgePlane[0].loop_in[k].GetAt(n).Pt2_3D; 
pt_3D[2] = Body[m]. EdgePlane[1]. loop_in[k].Getat(n).Pt2_3D; 
pt_3D[3] = Body[m]. EdgePlane[1]. loop_in[k].Getat(n).Ptl_3D; 
pt_3D[4] = Body[m]. EdgePlane[0]. loop_in[k].Getat(n).Ptl_3D); 
for(int j=0;j<4;j++){ 
Edge. Pt1 3D= pt_3D[j]; 
Edge. Pt2_3D= pt_3D[j+1]; 
m Edge_Array. Add( Edge); 
} 
bodySurf. Body_Surf. loop_out. RemoveAll(); 
bodySurf. Body_Surf. loop_out. Rppend(m_Edge_Rrray) ; 
bodySurf. Body_Surf. in num= 0; 
bodySurf. color = Body[m]. color; 
BuildBodySurf (bodySurf); 
bodySurf. PickFlag = pickFlag; 
Body_Surf[ s++ ] = bodySurf; 


} 
else{ // 下 表面 反 向 
bodySurf. Body_Surf = Body[m]. EdgePlane[0]; 
bodySurf. color = Body[m]. color; 
BuildBodySurf (bodySurf); 
bodySurf. PickFlag = pickFlag; 
Body_ Surf[ s++] = bodySurf; 
if(m== 0){ 
Ymin = bodySurf.y_min_Project; 
Ymax = bodySurf.y_max_Project; 
} 
else{ 
if(bodySurf. BodySurf_See Flag==1){ 
if(bodySurf.y min Project < ymin) ymin = bodySurf.y_ min Project; 
if(bodySurf.y max Project> ymax) ymax = bodySurf.y max Project; 


} 

// 上 表面 

bodySurf. Body_Surf = Body[m]. EdgePlane[1]; 
bodySurf. Body_Surf. AntiDirection( ); // 反 向 
bodySurf. color = Body[m]. color; 

BuildBodySurf (bodySurf); 

bodySurf. PickFlag = pickFlag; 
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Body Surf[ s++ ] = bodySurf; 
if(bodySurf. BodySurf_See Flag==1){ 
if(bodySurf.y min Project < ymin) ymin= bodySurf.y min Project; 
if(bodySurf.y max_ Project > ymax) ymax = bodySurf.y max_ Project; 
} 
for(i=0;i<Body[m].EdgePlane[0].1loop_out.GetSize();i++){ // 外 环 侧 表面 
m_Edge_Array. RemoveAll(); // 作 为 表面 外 环 , 按 逆 时 针 方 向 排序 
pt_3D[0] = Body[m].EdgePlane[0]. loop_out. GetAt(i).Pt2_3D; // 逆 时 针 取 外 环 的 一 个 边 
pt_3D[1] = Body[m]. EdgePlane[0]. loop out.GetAt(i).Pt1 3D; 
pt_3D[2] = Body[m]. EdgePlane[1]. loop_out. GetAt(i).Ptl1 3D; 
pt_3D[3] = Body[m]. EdgePlane[1]. loop_out. GetAt(i).Pt2_ 3D; 
pt_3D[4] = Body[m]. EdgePlane[0]. loop_out. GetAt(i).Pt2_3D; 
for(int j=0;j<4;j++){ 
Edge. Pt1_3D= pt_3D[j]; 
Edge. Pt2_3D= pt_3D[j+1]; 
m Edge Array. Add(Edge); 
} 
bodySurf. Body_Surf. loop_out. RemoveAll( ); 
bodySurf. Body_Surf. loop_out. Append(m_Edge_Array); // 加 入 表面 数组 
bodySurf. Body_Surf. in num=0; 
//BuildBodySurf (bodySurf); 
bodySurf, color = Body[m]. color; 
BuildBodySurf (bodySurf); 
bodySurf. PickFlag = pickFlag; 
Body_Surf[ s++ ] = bodySurf; 
if(bodySurf. BodySurf_ See Flag==1){ 
if(bodySurf.y min Project < ymin) ymin = bodySurf.y min Project; 
if(bodySurf.y max Project> ymax) ymax = bodySurf.y max Project; 


} 
for(int k=0;k<Body[m].EdgePlane[0]. in num;k++){ // 内 环 侧 表 面 
for(int n= 0;n<Body[m].EdgePlane[0]. loop_in[k].GetSize();n++){ 

m_Edge_Array. RemoveAll(); 
// 作 为 表面 外 环 , 按 逆 时 针 方向 排序 
pt_3D[0] = Body[m].EdgePlane[0]. loop_in[k].Getat(n).Pt2_3D; 
pt_3D[1] = Body[m].EdgePlane[0]. loop_in[k].Getat(n).Ptl_3D; 
pt_3D[2] = Body[m]. EdgePlane[1]. loop_in[k].Getat(n).Ptl_3D; 
pt_3D[3] = Body[m]. EdgePlane[1]. loop_in[k].GetAt(n). Pt2_3D; 
pt_3D[4] = Body[m]. EdgePlane[ 0]. loop_in[k].Getat(n).Pt2_3D); 
for(int j=0;j<4;j++){ 

Edge.Ptl_3D= pt_3D[j]; 

Edge. Pt2_3D= pt_3D[j+1]; 

m Edge Array. Add(Edge); 
} 
bodySurf. Body_Surf. loop_out. RemoveAll(); 
bodySurf. Body_Surf. loop_out. Append(m Edge_Array); // 加 入 数组 
bodySurf. Body_Surf. in num= 0; 
bodySurf. color = Body[m]. color; 
BuildBodySurf (bodySurf ); 
bodySurf. PickFlag = pickFlag; 
Body Surf[s++] = bodySurf; 
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} 
//2. 从 最 小 扫描 线 开始 ,取出 一 个 表面 判断 交点 
CArray < CPixelPt, CPixelPt > m All Pt Array,m OneSurf Pt Array, m All Pt Array 0ld; 
//m_All_Pt_Array_01d 记录 上 一 次 的 交点 集 
if(ymin<0)ymin= 0; 
int height = GetSystemMetrics ( SM_CYSCREEN );// 获 得 当前 屏幕 的 高 度 位 置 
if(ymax > height ) ymax = height; 
CPixelPt PixelPt0, PixelPt, PixelPt 0,PixelPt 1; 
CPoint startPoint, endPoint; 
for(yscan = ymin; yscan < = ymax;yscan++ ){ 
m All Pt Array. RemoveAll(); 
for(s=0;s<BodySurf num;s++){ 
if(Body Surf[s].BodySurf_ See_ Flag == TRUE&&yscan > = Body Surf[s].y_min Project&&yscan<= 
Body_Surf[s].y_max_Project) // 判 断 是 否 可 见 和 是 否 相交 
// 扫 描 该 面 ,获得 交点 对 
m_OneSurf_Pt_Rrray. RemoveAll(); 
if(Body_Surf[s].PickFlag==1) 。 // 是 拾取 实体 的 表面 , 扫描 该 表面 获得 交 线 集合 
ScanProjectSurf(yscan, Body_Surf[s],m_ EdgeColor,m OneSurf Pt_Array); 
else // 扫 描 该 表面 获得 交 线 集合 
ScanProjectSurf(yscan, Body_Surf[s],m_DrawColor,m_OneSurf_Pt_Rrray) 
InsertPtArray(m All Pt Array,m OneSurf Pt Array); // 择 入 m_All Pt Array 
} 
// 消 隐 显 示 该 扫描 线 
for(j=0;j<m All Pt_Rrray. GetSize();j++){ 
PixelPt0 =m All Pt_Array. Getat(j); // 取 一 个 交点 
if(PixelPt0. SeeFlag == 0)//&SPixelPt.SeeFlag== 0){ // 不 可 见 
if(PixelPt0. InterFlag ==1)// 判 断 它 与 上 一 条 扫描 线 的 交点 是 否 需 要 连 线 
LinkPixelPt(pDC, PixelPt0, j,m All Pt Array,m All Pt Array 01d); 
continue; 
| 
for(k=j+1;k<m All Pt Array.GetSize();k++){ 
PixelPt =m All Pt Array.GetAt(k); 
if(PixelPt. SeeFlag == 0) 
continue; 
else{ 

// 判 断 两 个 点 是 否 在 同一 个 水 平 边 上 , 如 在 ,直接 连接 起 来 
if(abs(PixelPt0.x- PixelPt.x)> 28&(PixelPt.Edge[0] == PixelPt0.Edge[ 0] | |PixelPt. Edge[ 0] == 
PixelPt0.Edge[1] | |PixelPt. Edge[1] == PixelPt0. Edge[ 0] | |PixelPt. Edge[1] == PixelPt0. Edge 
[1])){ 

startPoint. x = PixelPt0. x; 

startPoint. y= PixelPt0. y; 

endPoint. x = PixelPt. x; 

endPoint. y= PixelPt. y; 

MIDPOINT Line(pDC, startPoint, endPoint, PixelPt0. EdgeColor); 

break; 
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和 
// 判 断 和 上 一 条 扫描 线 的 同一 个 边 的 交点 之 间 是 否 有 连 线 
LinkPixelPt(pDC, PixelPt0, j,m All Pt Array,m All Pt Array 01d); 
// 绘 制 交点 ,为 了 醒目 ,绘制 相 邻 三 个 像素 点 
pDC—> SetPixel(PixelPt0. x, PixelPt0. y, PixelPt0. EdgeColor); 
PDC—> SetPixel(PixelPt0.x— 1,PixelPt0. y,PixelPt0. EdgeColor); 
PpDC— > SetPixel(PixelPt0.x+1,PixelPt0.y,PixelPt0. EdgeColor); 

} 

m All Pt Array Old. RemoveAll(); 

m_All Pt _Array_0ld. Append(m All Pt _Array); // 将 当前 交点 记录 下 来 


} 
上 述 代 码 中 ,计算 某 实体 表面 的 可 见 性 及 占有 的 扫描 线 的 函数 代码 如 下 : 


void BuildBodySurf (CBodySurf& BodySurf){ 
CPoint3D pt0_3D, pt1_3D, pt2_3D, pt_limit; 
int yi; 
// 首 先 判断 表面 是 否 潜在 可 见 ,利用 表面 的 外 环 点 判断 ,用 极 值 点 判断 ,例如 在 了 方向 的 极 值 
点 ,找到 极 值 点 对 应 的 i 
int i_edge= 0; 
pt_limit = BodySurf. Body_Surf. loop_out. GetAt(0).Ptl1_3D; 
for(int i=1;i< BodySurf. Body_Surf. loop_out. GetSize();i++){ 
if(BodySurf. Body_Surf. loop out.GetAt(i).Pt1 3D.y>pt limit.y){ 
pt_limit = BodySurf. Body_Surf. loop_out. GetAt(i).Pt1_3D; 
i edge= i; 





} 
if(i edge== 0) 
pt0_3D = BodySurf. Body_Surf. loop_out. GetAt(BodySurf. Body_Surf. loop_out. GetSize() - 1).Pt1_3D; 
else 
pt0_3D = BodySurf. Body_Surf. loop out. GetAt(i edge— 1).Ptl 3D; 
pt1_3D= pt_limit; 
pt2_3D = BodySurf. Body_Surf. loop_out. GetAt(i_edge). Pt2_3D; 
if(VectorXVectorForZ(pt0_3D, pt1_3D, pt2_3D)<0){ // 矢 量 又 乘 2<0 
BodySurf. BodySurf_See_Flag = TRUE; // 设 置 潜在 可 见 
// 计 算 投 影 扫描 线 的 最 大 最 小 值 
BodySurf.y_max_Project = BodySurf.y_min Project = BodySurf. Body_Surf. loop_out. GetaRt(0).Ptl_ 
3D. To2DPt( ).y; 
for(int i=1;i< BodySurf. Body Surf. loop_out. GetSize();i++){ 
Yi = BodySurf. Body_Surf. loop_out. GetAt(i).Ptl_ 3D. To2DPt().y; 
if(yi> BodySurf.y max Project)BodySurf.y max Project = yi; 
else if(yi< BodySurf.y min Project) BodySurf.y min Project = yi; 
} 
} 
else{ 
BodySurf. BodySurf_See_Flag = FALSE; // 设 置 不 可 见 
BodySurf.y max Project = BodySurf.y min Project = BodySurf. Body_ Surf. loop_out. Getat(0).Ptl_ 
3D. To2DPt( ). y; 
for(int i=1;i<BodySurf. Body Surf. loop out. GetSize();i++){ 
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Yi = BodySurf. Body_Surf. loop_out. Getat(i).Ptl_3D.To2DPt().Y; 
if(yi> BodySurf.y max Project)BodySurf.y max Project = yi; 
else if(yi<BodySurf.y min Project) BodySurf.y min Project = yi; 


} 
计算 扫描 线 与 实体 表面 投影 相交 的 函数 如 下 : 


/* yi: 当前 扫描 线 ; BodySurf: 当前 表面 ; m_EdgeDrawColor: 交点 颜色 ; m_Pt_Array: 交点 集合 * / 
void ScanProjectSurf( int& yi, CBodySurf& BodySurf, COLORREFS m_EdgeDrawColor, CArray < CPixelPt, 

CPixelPt > & m Pt Array){ 

// 循 环 从 内 外 环 中 取 边 

int m x; // 交 点 

double z; 

CLine line; 

CArray < CEdge, CEdge > m Edge Array; 


nt 

CPoint Pt_0; 

CArray < CPoint, CPoint > m_VPt_Array; // 已 处 理 的 顶点 集合 
double t; 

int Type; // 交 点 类 型 


m_Pt_Rrray, RemoveAll( ); 
for(int m= 0;m< BodySurf. Body_Surf. in_num+ 1;m++){ 
m Edge_Array. RemoveAll(); 


if(m== 0) // 首 先 扫 描 外 环 投影 
m Edge_Array. Append(BodySurf. Body_Surf. loop_out); 
else // 扫 描 内 环 投影 


m Edge_Array. Append(BodySurf. Body_Surf. loop_in[m— 1]); 
for(i=0;i<m Edge Array.GetSize();i++){ 
// 判 断 每 条 边 是 否 和 扫描 线 相交 ,如 相交 , 求 交点 ,插入 交点 集 并 排序 

if(yi== (int)(m Edge_Array. GetAt (i).Ptl_3D.y+0.5)&&yi== (int)(m_Edge_Array. GetAt 
(i).Pt2_3D.y+0.5)){// 是 水 平 线 , 则 将 两 个 端点 加 入 点 集 

z=m Edge Array.GetAt(i).Ptl_3D.2z; 
Type = 3; 

OrderToInsertPt x(m_Pt_Array, m_ Edge_ Array. GetAt (i). Ptl _3D.x+0.5,yi,z,m_ 
EdgeDrawColor, BodySurf. color, Type, m_Edge_Array. GetAt(i),m Edge_Array. GetAt(i== 0?m_Edge_ 
Array. GetSize()—1:i-1)); 

OrderToInsertPt x(m_Pt_Array, m_ Edge_ Array. GetAt (i). Pt2_3D.x+0.5,yi,z,m_ 
EdgeDrawColor, BodySurf. color, Type, m_Edge_Array. GetAt (i),m_ Edge_Array. GetAt (i== m_Edge_ 
Array. GetSize() — 1?0:i+1)); 

} 

else 
if((Yi- (int)(m Edge_Array. GetAt(i).Ptl 3D.y+0.5)) * (yi— (int)(m Edge_Array. GetAt(i). 
Pt2 3D.y+0.5))<0)//||(yi>=m Edge Array.GetAt(i).Pt2 3D.y&&yi<=m Edge Array.GetAt(i). 
Ptl_3D.Y)){ 

// 求 交点 

m x= GetInterPtXForScanY(yi, (int)(m Edge Array.GetAt(i).Ptl 3D.x+0.5), (int)(m Edge_ 
Array. GetAt(i).Ptl1_ 3D.y+0.5), (int)(m Edge Array. GetAt(i).Pt2 3D.x+0.5), (int)(m Edge_ 
Array. GetAt(i).Pt2 3D.y+0.5)); 

// 交 点 排序 ,首先 计算 交点 处 的 z 坐标 
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t= ((double)(m x—m Edge Array.GetAt(i).Ptl 3D.x))/(m Edge_ Array. GetAt(i).Pt2_ 
3D.x—m Edge Array.GetAt(i).Ptl1 3D. x); 
z=m Edge_ Array. GetAt (i).Ptl 3D.z+ (m Edge_ Array. GetAt(i).Pt2 3D.z—m Edge_ 
Array. GetRt(i).Ptl_3D.z) * t; // 找 到 表面 对 应 的 边 在 投影 交点 处 的 z 值 
Type= 1; // 交 点 取 一 个 
OrderToInsertPt x(m Pt_ Array,m x,yi,z,m_ EdgeDrawColor, BodySurf. color, Type, m_Edge_ 
Array. GetAt(i),m Edge Array. GetAt(i)); 
} 
else if((Yi- (int)(m Edge Array.GetAt(i).Pt1l 3D.y+0.5))==0){ 
z=m Edge Array.GetAt(i).Ptl1 3D.2z; 
m x=m Edge Array.GetAt(i).Ptl 3D.x+0.5; 
if(i== 0){ 
if((Yi- (int)(m Edge Array.GetAt(i).Pt2 3D.y+0.5))* (yi— (int)(m Edge Array. GetAt(m 
_Edge_Array. GetSize() -1).Ptl_3D.Y+0.5))>0){ 
if(CheckVPt(m VPt_Array,m x,yi) == 0){ // 该 交点 没有 处 理 , 再 加 一 个 交点 
Type= 2; 
OrderToInsertPt x(m_Pt_Array,m_ x, yi,z,m_EdgeDrawColor, BodySurf. color, Type, m_Edge_ 
Array. GetAt(i),m Edge_Array. GetAt(m Edge_Array.GetSize()—1)); 
OrderToInsertPt x(m_Pt_Array,m_x, yi,z,m_EdgeDrawColor, BodySurf. color, Type, m_Edge_ 
Array. GetAt(m Edge Array.GetSize() -1),m Edge Array.GetAt(i)); 
} 





} 
else if((Yi- (int)(m Edge_Array. GetAt(i).Pt2_3D.y+0.5)) * (yi— (int)(m_Edge_Array. 
GetAt(m Edge Array.GetSize() -1).Ptl 3D.y+0.5))<0){ // 只 加 一 个 交点 
Type=1; 
if(CheckVPt(m VPt_Array,m x, yi) == 0) // 没 有 处 理 
OrderToInsertPt x(m Pt_ Array,m _ x, yi,z,m_ EdgeDrawColor, BodySurf. color, Type, m_Edge_ 
Array. GetAt(i),m Edge Array. GetAt(m Edge Array. GetSize()—1)); 
} 
elsef // 只 加 一 个 交点 
Te= 1; 
OrderToInsertPt x(m Pt _Array,m _ x, yi,z,m_ EdgeDrawColor, BodySurf. color, Type, m_Edge_ 
Array. GetAt(i),m Edge_Array. GetAt(m Edge_Array.GetSize()—1)); 
} 


else{ 
if((Yi- (int)(m Edge Array.GetAt(i).Pt2 3D.y+0.5))* (yi— (int)(m Edge_Array. GetAt(i 
-1).Ptl_3D.Y+0.5))>0){ // 判 断 该 交点 是 否 已 处 理 过 
if(CheckVPt(m VPt_Array,m x, yi) == 0){ // 没 有 处 理 ,再 加 一 个 交点 
Type= 2; 


OrderToInsertPt x(m_Pt_Array,m_x, yi,z,m_EdgeDrawColor, BodySurf. color, Type, m_Edge_ 
Array. GetAt(i),m Edge Array. GetAt(i—1)); 
OrderToInsertPt x(m Pt _ Array,m _ x, yi,z,m_ EdgeDrawColor, BodySurf. color, Type, m_Edge_ 
Array. GetAt(i—1),m Edge Array.GetAt(i)); 
} 
} 
else 
if((Yi- (int)(m_ Edge_Array. GetAt(i).Pt2 3D.y+0.5)) * (yi— (int)(m Edge_Array. GetAt(i— 
1).Ptl_3D.y+ 0.5))<0){// 只 加 一 个 交点 
Type=1; 
if(CheckVPt(m VPt Array,m x,yi) == 0) // 没 有 处 理 
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OrderToInsertPt x(m Pt Array,m x,yi,z,m_ EdgeDrawColor, BodySurf. color, Type, m_Edge_ 
Array. GetAt(i),m Edge_Array. GetAt(i—1)); 
} 
else{ // 只 加 一 个 交点 
Type= 1; 
OrderToInsertPt x(m Pt Array,m x,yi,z,m_ EdgeDrawColor, BodySurf. color, Type, m_Edge_ 
Array. GetAt(i),m Edge Array.GetAt(i—1)); 
} 


. 
else if((Yi- (int)(m Edge Array.GetAt(i).Pt2 3D.y+0.5))== 0){ 
z=m Edge Array.GetAt(i).Pt2 3D.2z; 
mx=m Edge Array.GetAt(i).Pt2 3D.x+0.5; 
if(i==m Edge Array.GetSize()—1){ 
if((Yi- (int)(m Edge_Array. GetAt(0).Pt2 3D.y+0.5)) * (yi— (int)(m_ Edge_Array. GetAt 


(i).Pt1_3D.y+0.5))>0){ // 判 断 该 交点 是 否 已 处 理 过 
if(CheckVPt(m VPt Array,m x,yi) ==0){ // 没 有 处 理 ,再 加 一 个 交点 
Type= 2; 


OrderToInsertPt x(m_Pt_Array,m_x, yi,z,m_EdgeDrawColor, BodySurf. color, Type, m_Edge_ 
Array. GetAt(i),m Edge Array. GetAt(0)); 
OrderToInsertPt x(m_Pt_Array,m_x, yi,z,m_EdgeDrawColor, BodySurf. color, Type, m_Edge_ 
Array. GetAt(0),m Edge Array. GetAt(i)); 
' 


} 

else 
if((Yi- (int)(m Edge_Array. GetAt(0).Pt2_3D.y+0.5)) * (yi— (int)(m_ Edge_Array. GetAt(i). 
Pt1 3D.y+0.5))<0){ // 只 加 一 个 交点 


Type= 1; 
if(CheckVPt(m_VPt_Array,m_x,yi) ==0) // 没 有 处 理 
OrderToInsertPt_ x(m_Pt_Array,m_x, yi,z,m_EdgeDrawColor, BodySurf. color, Type, m_Edge_ 
Array. GetAt(i),m Edge Array. GetAt(0)); 
} 
else{ // 只 加 一 个 交点 
Type= 1; 
OrderToInsertPt x(m Pt_ Array,m_x, yi,z,m_ EdgeDrawColor, BodySurf. color, Type, m_Edge_ 
Array. GetAt(i),m Edge_Array. GetAt(0)); 





} 
} 
else{ 
if((Yi- (int)(m_Edge_Array. GetAt(i+1).Pt2 3D.y+0.5)) * (yi— (int)(m_Edge_Array. 
Getat(i).Ptl_3D.Y+0.5))>0){ // 判 断 该 交点 是 否 已 处 理 过 
if(CheckVPt(m_VPt_Array,m_x,yi) ==0){ // 没 处 理 ,再 加 一 个 交点 
Type = 2; 


OrderToInsertPt x(m Pt_Array,m _ x, yi,z,m_ EdgeDrawColor, BodySurf. color, Type, m_Edge_ 
Array. GetAt(i),m Edge Array.GetAt(i+1)); 

OrderToInsertPt x(m Pt_ Array,m x, yi,z,m_ EdgeDrawColor, BodySurf. color, Type, m_Edge_ 
Array. GetAt(i+1),m Edge Array.GetAt(i)); 

} 
} 

else 

if((yi— (int)(m Edge_Array. GetAt(i+1).Pt2 3D.y+0.5)) * (yi— (int)(m Edge_Array. GetAt 
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(i).Pt1 3D.y+0.5))<0){ // 只 加 一 个 交点 
Type=1; 
if(CheckVPt(m VPt_Array,m x,yi) == 0) // 没 有 处 理 


OrderToInsertPt x(m Pt Array,m x,yi,z,m_ EdgeDrawColor, BodySurf. color, Type, m_Edge_ 
Array. GetAt(i),m Fdge Array.GetAt(i+1)); 
} 
else{ // 只 加 一 个 交点 
Type= 1; 
OrderToInsertPt x(m Pt_ Array,m x,yi,z,m_ EdgeDrawColor, BodySurf. color, Type, m_Edge_ 
Array. GetAt(i),m Edge Array.GetAt(i+1)); 


其 中 ,判断 该 交点 是 否 在 点 集 的 函数 代码 为 : 


int CheckVPt (CArray < CPoint, CPoint > & m VPt_Array, int gm x, int &yi){ 
CPoint pt; 
pt.x=m x; 
pt.y= Yi 
for(int i 





;i<m VPt Array. GetSize();i++){ 
m_ VPt_Array. GetAt(i)) 





m VPt Array. Add(pt); 
return 0; 


} 
在 交点 集合 中 加 入 新 点 并 排序 的 函数 代码 如 下 : 


void OrderToInsertPt x(CArray< CPixelPt,CPixelPt > & m PixelPt Array, int m x, int& yi,double& 
zy COLORREF& m_EdgeColor, COLORREF& m_DrawColor, int& Type, CEdgeg& edgel, CEdge& edge2){ 
CPixelPt PixelPt, PixelPt0, PixelPtl1, PixelPt2; 
PixelPt.x=m x; 
PixelPt.y= yi; 
PixelPt. EdgeColor = m_EdgeColor; 
PixelPt. DrawColor = m_DrawColor; 
PixelPt.z = 2; 
PixelPt. Type = Type; 
PixelPt. Edge[0] = edgel; 
PixelPt. Edge[1] = edge2; 
for(int i=0;i<m PixelPt Array.GetSize();i++){ 
PixelPt0 = m PixelPt Array. GetAt(i); 
if(m x<PixelPt0. x){ 
m PixelPt_ Array. InsertAt(i,PixelPt); 
return; 
} 
else if(PixelPt0.x==m x){ 
if(PixelPt0. Type ){ 
// 检 查 邻 近 的 一 个 点 是 不 是 水 平 线 的 另外 一 个 交点 
if(i!= 0){ 
PixelPtl =m PixelPt Array.GetAt(i—1); 
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if(PixelPt1. Type == 3&&PixelPt1. Edge[ 0] == PixelPt0. Edge[ 0]){ 
m_PixelPt_Array. InsertAt(i+1,PixelPt); ”// 插 在 后 面 


return; 


} 
if(i<m PixelPt Array.GetSize()—1){ 
PixelPtl =m PixelPt Array.GetAt(i+1); 
if(PixelPtl1. Type == 3&&PixelPt1. Edge[0] == PixelPt0. Edge[0]){ 


m PixelPt Array. InsertAt(i,PixelPt); // 插 在 前 面 
return; 
} 
} 
m PixelPt Array. InsertAt(i,PixelPt); // 插 在 前 面 
return; 
} 
else if(PixelPt. Type == 3){ // 插 入 水 平 边界 的 点 
// 检 查 另外 一 点 是 否 已 经 插入 
if(il= 0){ 


PixelPtl = m PixelPt Array. GetAt(i— 1); 
if(PixelPtl1. Type == 3&&PixelPt1. Edge[0] == PixelPt. Edge[ 0]){ 
m PixelPt_Array. InsertAt(i,PixelPt); // 插 在 当前 点 前 面 
return; 
} 
else if(i-2>=0){ ”// 再 判断 前 一 点 是 否 为 水 平 边界 的 点 
PixelPt2 =m PixelPt Array. GetAt(i— 2); 
if(PixelPt2. Type == 3&&PixelPt2. Edge[0] == PixelPt. Edge[ 0]){ 
//PixelPtl 和 PixelPt2 须 互 换 位 置 
m PixelPt Array. RemoveAt(i—1); 
m_PixelPt_Array. InsertAt(i- 2,PixelPt1); 
m_PixelPt_Array. InsertAt(i, PixelPt); // 插 在 当前 点 前 面 
return; 


} 
if(i<m PixelPt Array.GetSize()—1){ 
PixelPtl = m PixelPt Array. GetAt(i+1); 
if(PixelPt1. Type == 3&&PixelPt1. Edge[ 0] == PixelPt. Edge[ 0]){ 
m_PixelPt_Array. Insertat(i+ 1,PixelPt); ”// 插 在 当前 点 前 面 
return; 
} 
else if(i+2<m PixelPt Array.GetSize()){ 
PixelPt2 =m PixelPt Array. GetAt(i+2); 
if(PixelPt2. Type == 3&&PixelPt2. Edge[0] == PixelPt. Edge[ 0]){ 
//PixelPtl 和 PixelPt2 须 互 换 位 置 
m PixelPt_Array. RemoveAt (i+ 2); 
m PixelPt Array. InsertAt(i+1,PixelPt2); 
m_ PixelPt_Array. InsertAt(i+1,PixelPt); // 插 在 当前 点 后 面 
return; 
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m PixelPt Array. InsertAt(i,PixelPt); // 插 在 前 面 
return; 
} 
} 
} 
m_PixelPt_Array. Add(PixelPt); // 交 点 值 大 , 则 加 入 尾部 


扫描 线 新 获得 的 交点 集合 插入 原 有 交点 集合 ,即将 新 的 交点 对 插入 原 有 交点 对 的 函数 
代码 如 下 : 


void InsertPtArray(CArray < CPixelPt, CPixelPt > & m All Pt Array,CArray < CPixelPt, CPixelPt >& 
m OneSurf Pt Array){ 

CPixelPt Pt 1,Pt 2,Pt 3,Pt_4,Pt_Tmp; 

double t=0,2z,t1,2z1; 


int flag= 0; /// 是 否 处 理 标识 ,0: 未 处 理 ,1: 处 理 
int SeeFlag, InterFlag, Type; 
int i,j,k,j0,j1; //j0 是 现在 的 Pt_1 下 标 位 置 ,jl 为 Pt_2 的 下 标 位 置 


for(i=0;i<=m OneSurf Pt Array.GetSize()—2;it+,i++){ 
Pt 3=m OneSurf Pt Array.GetAt(i); 
Pt 4=m OneSurf Pt Array.GetAt(i+1); 
flag= 0; // 是 否 处 理 标识 
for(j=0;j<=m All Pt _Array.GetSize()— 2;j++,j++){ 
Pt 1=m All Pt Array.GetAt(j); 
j0=j; 
if(Pt 1.SeeFlag== 0){ 
for(k=j+1;k<m All Pt Array.GetSize()— 1;k++){ 
Pt 1=m All Pt Array.GetAt(k); 
if(Pt_1.SeeFlag== 0) 
continue; 
else{ 
0=dely /三 循环 时 ,从 k+1 开始 
break; 


} 
Pt 2=m All Pt Array.GetAt(j+1); 
j1=j+1; 
if(Pt 2. SeeFlag == 0){ // 不 可 见 , 循 环 下 一 个 
for(k=j+2;k<m All Pt Array.GetSize();k++){ 
Pt 2=m All Pt Array.GetAt(k); 
if(Pt 2. SeeFlag == 0) 
continue; 
else{ 
j=k-1; /三 循环 时 ,从 k+1 开始 
jl=k; 
break; 


} 
if(Pt 2.x<= Pt 3.x) 
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continue; 
else if(Pt 4.x<=Pt 1.x){  ”// 插 入 该 区 间 对 之 前 
m All Pt Array. InsertAt(j0,Pt 3); 
m All Pt Array. InsertAt(j0+1,Pt 4); 
flag= 1; 
break; 
} 
else if(Pt 3.x<Pt 1.x&&Pt 4.x>Pt 2.x){ 
// 比 较 直 线 Pt_3、Pt_4 和 Pt2 重 影 的 空间 点 的 = 
t= ((double) (Pt 2.x— Pt 3.x))/(Pt 4.x— Pt 3.x); 
z= (Pt 4.z 一 PE 3.2)*t+Pt 3.2; 
if(z<Pt 2.z){ //Pt 1- 了 Bt 2 不 可 见 ,Pt_ 3 插入 Pt_1 之 前 
m All Pt Array. InsertAt(j0,Pt 3); 
//Pt_1,Pt_2 都 不 可 见 ,不 删除 ,设置 为 不 可 见 
m All_Pt Array. RemoveAt(j0+1); 
Pt 1.SeeFlag= 0; 
m All Pt Array. InsertAt(j0+1,Pt 1); 
m All Pt Array. RemoveAt(j1+1); 
Pt_2. SeeFlag=0; 
m All Pt Array. InsertAt(j1l+1,Pt 2); 
// 在 Pt_2.x 处 构造 新 Pt_3, 并 循环 


SeeFlag = 0; // 设 置 为 不 可 见 , 和 前 面 的 真正 的 Pt_3 联系 

InterFlag = 0; // 非 原始 交点 

Type= 0; // 普 通 点 
CreateNewPt(Pt 3,Pt 2.x,Pt 2.y,z,Pt_ 2.EdgeColor,Pt 2.DrawColor, SeeFlag, InterFlag, Type,Pt_ 
2. Edge); 

// 循 环 下 一 区 间 

j++; 

continue; 

} 
else if(z>Pt 2.2z){ 

//Pt_1-Pt 2 可见 ,Pt 3-Pt 4 被 遮挡 ,部 分 不 可 见 

//Pt_3 及 Pt_4 被 分 成 两 段 ,构造 新 的 Pt_3, 继 续 判 断 新 的 Pt_ 3 一 Pt_4 

m_All_Pt_Array. InsertAt(j0,Pt_3); //Pt_3 插 入 Pt_1 之 前 

t=((double) (Pt 1.x— Pt 3.x))/(Pt 4.x— Pt 3.x); 

z= (Pt 4.z—Pt 3.2)*t+Pt 3.2; 

SeeFlag=1; // 可 见 , 构 成 点 对 

InterFlag = 0; // 非 交点 

Type= 0; // 普 通 点 
CreateNewPt(Pt_Tmp, Pt_1. x, Pt_1. Y, z, Pt_4. EdgeColor, Pt_4. DrawColor, SeeFlag, InterFlag, Type, 
Pt_1. Edge); 

m_All_Pt_Array. InsertAt(j0+1,Pt Tmp); // 插 在 Pt_1 之 前 

// 计 算 新 z 值 

t=((double)(Pt 2.x— Pt 3.x))/(Pt 4.x— Pt 3.x); 

= (Et As -Bt JTajt+ Pt 

SeeFlag=1; // 可 见 ,构成 点 对 

InterFlag = 0; // 非 交点 

TYpe= 0; // 普 通 点 
CreateNewPt (Pt 3,Pt 2.x,Pt 2.y,z,Pt_3.EdgeColor, Pt_3.DrawColor, SeeFlag, InterFlag, Type, Pt_ 
2. Edge); 


j++; 
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j++; 
continue; 
} 
else if(z== Pt 2.z){ 
// 判 断 另 外 一 个 点 Pt_1 
上 = ((double) (Pt 1.x— Pt 3.x))/(Pt 4.x— Pt 3.x); 
z= (Pt A.z= Pt 3.2)*t+Pt 3.2; 
if(z<Pt 1.z2){ 
//Pt_3 一 Pt 4 可见 ,Pt 1-Pt 2 不 可 见 ,Pt 3 插入 Pt 1 之 前 
m All Pt Array. InsertAt(j0,Pt 3); 
//Pt_1、Pt_2 都 不 可 见 ,不 删除 ,设置 为 不 可 见 
m All Pt Array.RemoveAt(j0+1); 
Pt 1.SeeFlag= 0; 
m All Pt Array.InsertAt(j0+1,Pt 1); 


m All Pt Array.RemoveAt(j1l+1); 
Pt_2.SeeFlag= 0; 
m All Pt Array.InsertAt(jl+1,Pt 2); 
// 在 Pt_2.x 处 构造 新 Pt_3, 并 循环 
SeeFlag= 0; // 不 可 见 ,构成 点 对 
InterFlag=0;  ”// 非 交点 
Type= 0; // 普 通 点 
CreateNewPt(Pt 3,Pt 2.x,Pt 2.y,z,Pt_3,EdgeColor,Pt_3.DrawColor, SeeFlag, InterFlag, Type, Pt_ 
2. Edge); 
// 循 环 下 一 区 间 
j++; 
continue; 
} 
else if(z>Pt 1.z){ 
//Pt_3 及 Pt_4 被 分 成 两 段 ,构造 新 的 Pt_3, 继续 判断 新 的 Pt_3 -Pt_4 
m All Pt Array. InsertAt(j0,Pt 3); //Pt 3 插入 Pt_1 之 前 
上 = ((double)(Pt_1.x- Pt 3.x))/(Pt 4.x— Pt 3.x); 
se (Pt dm- Bt stipt .2 
SeeFlag=1; // 可 见 ,构成 点 对 
InterFlag= 0; // 非 交点 
Type= 0; // 普 通 点 
CreateNewPt(Pt_Tmp, Pt_1. x, Pt_1. Y, z, Pt_4. EdgeColor, Pt_4. DrawColor, SeeFlag, InterFlag, Type, 
Pt_1.Edge) 
m All Pt Array. InsertAt(j0+1,Pt Tmp); // 插 在 Pt_1 之 前 
// 计 算 新 z 值 
t=((double) (Pt 2.x— Pt 3.x))/(Pt 4.x— Pt 3.x); 
se (Pt 4.2-Bt 3.2)*ttPt.3.2; 
SeeFlag=1; // 可 见 ,构成 点 对 
InterFlag = 0; // 非 交点 
Type= 0; // 普 通 点 
CreateNewPt (Pt 3,Pt 2.x,Pt 2.y,z,Pt_3.EdgeColor,Pt_3.DrawColor,SeeFlag, InterFlag, Type,Pt_ 
2. Edge); 


continue; 
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} 


else if(Pt 3.x<Pt 1.x&gPt 4.x<=Pt 2.x){ 
// 比 较 直 线 Pt_1、Pt_2 和 Pt4 重 影 的 空间 点 的 = 
t= ((double)(Pt 4.x- PE 1.x))/(Pt 2.x—Pt 1.x); 
w= (Bt .= Pb lo) "t+ Sb ls 
if(z<Pt 4.z){ 
//Pt_1-Pt 2 可 见 ,Pt 3 插入 Pt 1 之 前 ,Pt_ 4 插入 Pt 1 之 后 ,不 可 见 ,Pt_4 缩短 插 在 Pt_1 前 


m All Pt Array. InsertAt(j0,Pt 3); //Pt 3 插入 Pt 1 之 前 
t= ((double)(Pt 1.x— Pt 3.x))/(Pt 4.x— Pt 3.x); 
z= (Pt 4.5—Pt 3.2) t+ Pt 3.z; 


SeeFlag= 1; // 可 见 ,构成 点 对 
InterFlag = 0; // 非 交点 
Type= 0; // 普 通 点 


CreateNewPt(Pt_Tmp, Pt_1. x, Pt_1. Y, z, Pt_4. EdgeColor, Pt_4. DrawColor, SeeFlag, InterFlag, Type, 


Pt 1.Edge); 


| 


m_All Pt Array. InsertAt(j0+1,Pt Tmp); // 插 在 Pt_1 之 前 
Pt_4.SeeFlag= 0; 

m_All Pt Array. InsertAt(j0+3,Pt 4); //Pt_4 不 可 见 , 插 入 Pt_1 之 后 
flag= 1; 

break; 


else if(z>Pt 4.z){ 


//Pt_3 一 Pt_4 可 见 ,Pt_1 不 可 见 (设置 ), 并 缩短 到 Pt_4.x 的 位 置 

m All Pt Array.RemoveAt(j0); 

Pt_1.SeeFlag= 0; 

m All Pt Array. InsertAt(j0,Pt 1); 

m_ All_Pt Array. InsertAt(j0,Pt_3); //Pt 3 插入 Pt_1 之 前 
m_All_Pt Array. InsertAt(j0 + 2,Pt 4); //Pt_4 插 入 Pt_1 之 后 
//Pt_1 不 可 见 ,缩短 到 Pt_4.x 的 位 置 

// 修 改 Pt_1 的 值 ,插入 Pt_4 之 后 


SeeFlag=1; // 可 见 ,构成 点 对 
InterFlag = 0; // 非 交点 
Type= 0; // 普 通 点 


CreateNewPt(Pt_Tmp, Pt_4. x, Pt_4. Y, z, Pt_1. EdgeColor, Pt_1. DrawColor, SeeFlag, InterFlag, Type, 


Pt _4. Edge); 


} 


m_All_Pt_Array. InsertAt(j0+3,Pt Tmp); 
flag=1; 
break; // 插 入 完毕 ,循环 下 一 个 


else if(z==Pt_4.z){ 


// 判 断 另 外 一 个 点 Pt_1 
上 = ((double)(Pt_1.x-Pt 3.x))/(Pt 4.x— Pt 3.x); 
SM" 
证 (z<Pt_1.z){ 
//Pt_3 一 Pt_4 可 见 ,Pt_1 不 可 见 (设置 ), 并 缩短 到 Pt_4.x 的 位 置 
m All Pt Array.RemoveAt(j0); 
Pt _1.SeeFlag= 0; 
m All Pt Array. InsertAt(j0,Pt 1); 
m All Pt Array. InsertAt(j0,Pt 3); //Pt_3 插 入 Pt 1 之 前 
m All Pt Array. InsertAt(j0+2,Pt 4); //Pt_ 4 插入 Pt 1 之 后 
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//Pt_1 不 可 见 ,缩短 到 Pt_4.x 的 位 置 
// 修 改 Pt_1 的 值 ,插入 Pt_4 之 后 
SeeFlag= 1; // 可 见 ,构成 点 对 
InterFlag=0; ”// 非 交点 

Type= 0; // 普 通 点 

CreateNewPt(Pt_Tmp,Pt_4.xr Pt_4.Y,PLt_4. z,Pt_4. EdgeColor, Pt_4. DrawColor, SeeFlag, InterFlag, 

Type, Pt_4. Edge); 

m All Pt Array. InsertAt(j0+3,Pt Tmp); 
flag=1; 
break; // 插 入 完毕 ,循环 下 一 个 
} 
else if(z>Pt 1.z){ 

//Pt_1- Pt_2 可 见 ,Pt_3 插 入 Pt_1 之 前 ,Pt_4 插 入 Pt_1 之 后 ,不 可 见 ,Pt_4 缩短 插 在 Pt_1 之 前 
m_All Pt Array. InsertAt(j0,Pt_3); //Pt_3 插 入 Pt_1 之 前 
t= ((double)(Pt 1.x— Pt 3.x))/(Pt_4.x- Pt_3.x); 
[| 
SeeFlag= 1; // 可 见 ,构成 点 对 
InterFlag= 0; // 非 交点 
Type= 0; // 普 通 点 

CreateNewPt(Pt_Tmp, Pt_1. x, Pt_1. Y, z, Pt_4. EdgeColor, Pt_4. DrawColor, SeeFlag, InterFlag, Type, 

Pt_1.Edge); 
m_All Pt Array. InsertAt(j0+1,Pt_Tmp); // 插 在 Pt_1 之 前 
Pt_4.SeeFlag= 0; 

m All Pt Array. InsertAt(j0+3,Pt 4); //Pt_4 不 可 见 ,插入 Pt_1 之 后 
flag=1; 
break; 


} 
} 
else if(Pt 3.x>=Pt 1.x&&Pt 4.x<=Pt 2.x){ 
// 判 断 Pt 1-Pt 2 在 Pt_3 重 影 点 的 z 值 
t= ((double)(Pt 3.x— Pt 1.x))/(Pt 2.x—Pt 1.x); 
s= {PtP la) Ls 
if(z<Pt_3.z){ 
//Pt_3、Pt_4 不 可 见 , 加 入 为 不 可 见 
Pt_3.SeeFlag= 0; 
m All Pt Array. InsertAt(j0+1,Pt 3); 
Pt_4.SeeFlag= 0; 
m All Pt Array. InsertAt(j0+2,Pt 4); 
flag= 1; 
break; 
} 
else if(z>Pt 3.z){ 
//Pt_3,Pt_4 可 见 , 加 入 ,将 Pt_1-Pt_2 分 成 两 段 ,分 别 加 入 端点 
Pt_Tmp = Pt 1; 
PE 天 二 BE_ 3.x; 
Pt Tmp.2=2; 
Pt_Tmp. Edge[0] = Pt_3. Edge[0]; 
Pt_Tmp. Edge[1] = Pt 3.Edge[1]; 
if(Pt 3.x==Pt 1.x){ 
Pt_Tmp. SeeFlag = 0; 
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m All Pt Array.RemoveAt(j0); 
m All Pt Array. InsertAt(j0,Pt Tmp); 
m All Pt Array. InsertAt(j0+1,Pt 3); // 插 入 Pt_3 
m All Pt Array. InsertAt(j0+2,Pt 4); // 插 在 Pt_3 之 后 
if(Pt 2.x==Pt 4.x){ //Pt 2 被 Pt 4 挡住 
m All Pt Array.RemoveAt (jl +2); 
Pt 2.SeeFlag= 0; 
m All Pt Array.InsertAt(jl+2,Pt 2); 
jt=2; 
flag=1; 
break; 
} 
elsef // 计 算 新 z 值 
t= ((double) (Pt 4.x— Pt 1.x))/(Pt_2.x- Pt 1.x); 
z= (Pt 2,.z—Pt 1.z)*t+Pt 1.2; 
SeeFlag= 1; // 可 见 ,构成 点 对 
InterFlag= 0; // 非 交点 





Type= 0; // 普 通 点 
CreateNewPt(Pt_Tmp, Pt_4. x, Pt_4. Y, z, Pt_1. EdgeColor, Pt_1. DrawColor, SeeFlag, InterFlag, Type, 
Pt _ 4. Edge); 
m_ All Pt Array. InsertAt(j0+3,Pt_ Tmp); // 插 在 Pt_4 之 后 
j+=3; // 加 了 三 个 点 
flag=1; 
break; 
} 
} 
Else{ 
m_All_Pt Array. InsertAt(j0+1,Pt_Tmp); ”// 插 在 Pt_1 之 后 
m_All_Pt Array. InsertAt(j0+2,Pt_3); // 插 入 Pt_3 
m_R11_Pt_Rrray. InsertAt(j0+3,Pt_4); // 插 在 Pt_3 之 后 
if(Pt 2.x==Pt 4.x){//Pt 2 被 Pt 4 挡住 
m All Pt Array.RemoveAt(j1 +3); 
Pt _2.SeeFlag= 0; 
m All Pt Array. InsertAt(jl+3,Pt 2); 
j+=3; 
break; 
elsef 
// 计 算 新 z 值 
t= ((double)(Pt 4.x— Pt_1.x))/(Pt_2.x 一 Pt_1.x); 
se (PE 2.2- P12 t+Bt.1.s; 
SeeFlag=1; // 可 见 ,构成 点 对 
InterFlag= 0; // 非 交点 
Type= 0; // 普 通 点 
CreateNewPt(Pt_Tmp, Pt_4. x, Pt_4. yz, Pt_1. EdgeColor, Pt_1. DrawColor, SeeFlag, InterFlag, Type, 
Pt 4.Edge); 


m All Pt Array. InsertAt(j0+4,Pt_ Tmp); // 插 在 Pt_4 之 后 
j // 加 了 四 个 点 
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} 
else{ //(z==Pt 3.z) 
// 判 断 Ft_1-Pt 2 在 Pt 4 重 影 点 的 = 值 
t= ((double)(Pt_ 4.x— Pt 1.x))/(Pt 2.x— Pt 1.x); 
= 《证 Di 二 十 
if(z<Pt 4.z){ 
//Pt_3、Pt_4 不 可 见 ,加 入 为 不 可 见 
Pt 3.SeeFlag= 0; 
m All Pt Array.InsertAt(j0+1,Pt 3); 
Pt 4.SeeFlag= 0; 
m All Pt Array.InsertAt(j0+2,Pt 4); 
flag=1; 
dts 
break; 








} 
else if(z>Pt 4.z){ 
//Pt_3\Pt_4 可 见 , 加 入 ,将 Rt_1-Rt_2 分 成 两 段 ,分 别 加 入 端点 
Pt_ Tnp=Pt_ 1; 
Pt Tmp.x= Pt 3.x; 
Pt_Tap,z= Z7 
Pt_Tmp.Edge[0] = Pt_3. Edge[0]; 
Pt_Tmp. Edge[1] = Pt_3. Edge[1]; 
if(Pt 3.x== Pt 1.x){ 
Pt_Tmp. SeeFlag = Pt_3.SeeFlag; 
m All Pt _Array. RemoveAt(j0); 
m All Pt Array. InsertAt(j0,Pt Tmp); 
m All Pt Array. InsertAt(j0+1,Pt 3); // 插 入 Pt_3 
m_All_Pt_Array. InsertAt(j0+2,Pt_4); // 插 在 Pt_3 之 后 
if(Pt_2.x==Pt_4.x){//Pt_2 被 Pt_4 挡住 
m All Pt Array.RemoveAt(jl +2); 
Pt_2. SeeFlag= 0; 
m_R11_Pt_Rrray. InsertAt(j1l+2,Pt 2); 


j+=2; 
flag=1; 
break; 

h 

else{ 
// 计 算 新 z 值 


t= ((double)(Pt 4.x— Pt 1.x))/(Pt 2.x— Pt 1.x); 
z= (Pt 2.2—Pt 1.z)*t+Pt 1.2; 


SeeFlag=1; // 可 见 ,构成 点 对 
InterFlag= 0; // 非 交点 
Type= 0; // 普 通 点 


CreateNewPt(Pt_Tmp, Pt_4. x, Pt_4.Y, z, Pt_1. EdgeColor, Pt_1. DrawColor, SeeFlag, InterFlag, Type, 
Pt 4.Edge); 
m All Pt Array. InsertAt(j0+4,Pt_Tmp); // 插 在 Pt_4 之 后 
j+=3; // 加 了 四 个 点 
flag=1; 
break; 
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} 
else{ 
m All] Pt Array. InsertAt(j0+1,Pt Tmp); // 插 在 Pt 1 后 
m All Pt Array.InsertAt(j0+2,Pt 3);  // 插 入 Pt 3 
m All Pt Array. InsertAt(j0+3,Pt 4); ”// 插 在 Pt_3 之 后 
if(Pt 2.x==Pt 4.x){ //Pt 2 被 Pt 4 挡住 
m All Pt Array.RemoveAt(jl + 3); 
Pt 2.SeeFlag= 0; 
m All Pt Array.InsertAt(jl+3,Pt 2); 
j= 3 
break; 
》 
elsef 
// 计 算 新 z 值 
t= ((double)(Pt 4.x— Pt 1.x))/(Pt 2.x— Pt 1.x); 
z= (Pt 2.z-Pt 1.z)xt+Pt 1.z; 


SeeFlag= 1; // 可 见 ,构成 点 对 
InterFlag= 0; // 非 交点 
Type= 0; // 普 通 点 
CreateNewPt(Pt_ Tmp,Pt 4.x,Pt 4.y,z,Pt_1.EdgeColor,Pt_1.DrawColor, SeeFlag, InterFlag, Type, 
Pt_4.Edge); 
m_All Pt Array. InsertAt(j0+4,Pt_Tmp); // 插 在 Pt_4 之 后 
j+=4; // 加 了 四 个 点 
flag= 1; 
break; 
由 
} 
} 
} 
} 
else if(Pt 3.x>=Pt 1.x&&Pt 3.x<Pt 2.x&&Pt 4.x>Pt 2.x){ 
// 判 断 Pt 1- Pt 2 在 Bt 3 重 影 点 的 z 值 
t= ((double)(Pt 3.x— Pt 1.x))/(Pt 2.x—Pt 1.x); 
ve (Pt Pt 2+ Pi 
if(z<Pt 3.z){ 
//Pt_3 不 可 见 ,加 入 Pt_1 之 后 ,产生 新 的 Pt_3 点 ,继续 判断 
Pt_3.SeeFlag= 0; 
m All Pt Array. InsertAt(j0+1,Pt 3); 
// 计 算 新 z 值 
t=((double)(Pt 2.x— Pt 3.x))/(Pt 4.x— Pt 3.x); 
ss (EEA.z- Bt 3.2) tr Bd.z; 
SeeFlag=1; // 可 见 ,构成 点 对 
InterFlag = 0; // 非 交点 
Type= 0; // 普 通 点 
CreateNewPt(Pt_3,Pt_2.x,Pt_2.Y,z,Pt_3. EdgeColor,Pt_3. DrawColor, SeeFlag, InterFlag, Type,Pt_ 
2. Edge); 
j++; 
continue; 


} 
else if(z>Pt 3.z){ 
//Pt_ 3- Pt 4 可 见 


CreateNewPt(Pt 2,Pt 3.x,Pt 3,y,z,Pt_2,EdgeColor,Pt_2.DrawColor, SeeFlag, InterFlag, TYPe, Pt_ 


3, Edge); 


CreateNewPt (Pt 2,Pt 3.x,Pt 3.y,z,Pt_2.EdgeColor,Pt 2.DrawColor, SeeFlag, InterFlag, Type,Pt_ 


3. Edge); 


m All Pt Array. InsertAt(j0+2,Pt 3); 
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if(Pt 1.x==Pt 3.x){ 
//Pt_1、Pt_2 都 不 可 见 ,不 删除 ,设置 为 不 可 见 
m All Pt Array.RemoveAt(j0); 
Pt 1.SeeFlag= 0; 
m All Pt Array.InsertAt(j0,Pt 1); 
m All Pt Array.RemoveAt(j1); 
Pt 2.SeeFlag= 0; 
m All Pt Array. InsertAt(j1,Pt 2); 
continue; 
} 
else{ 
//Pt_2 不 可 见 ,缩短 Pt 2 到 Pt 3.x 
m All Pt Array. RemoveAt(j1); 
Pt_2.SeeFlag= 0; 
m_All Pt Array. InsertAt(j1,Pt_ 2); 
// 计 算 新 z 值 ,缩短 Pt_2 到 Pt_3.x 
七 = ((double) (Pt 3.x—Pt 1.x))/(Pt 2.x—Pt_1.x); 
(EE 2 Bt LE 


SeeFlag=1; // 可 见 ,构成 点 对 
InterFlag= 0; // 非 交点 
Type= 0; // 普 通 点 


m All Pt Array. InsertAt(j0+1,Pt 2); 
j++; 


continue; // 继 续 判 断 


} 
else {//(z== Pt_3.z) 
// 判 断 Pt.3-Pt-4 在 Pt_2 的 重 影 点 
t=((double)(Pt 2.x— Pt 3.x))/(Pt 4.x— Pt 3.x); 
Ee (Pt Me™ Et 3.2)* tHE 3.2} 
1f(z<Pt 2.2)1 
//Pt_3 一 Pt_4 可 见 , 则 缩短 Pt_2 到 Pt_3.x 
m All Pt Array.RemoveAt(j1); 
Pt _2.SeeFlag= 0; 
m All Pt Array. InsertAt(j1,Pt 2); 
// 计 算 新 z 值 , 则 缩短 Pt_2 到 Pt_3.x 
t= ((double)(Pt 3.x—Pt 1.x))/(Pt 2.x—Pt 1.x); 
z= (Pt 2.z-Pt 1.2)*t+Pt 1.2; 


SeeFlag=1; // 可 见 ,构成 点 对 
InterFlag = 0; // 非 交点 
Type=0; // 普 通 点 


m All Pt Array.InsertAt(j0+1,Pt 2); 


t= ((double) (Pt 2.x— Pt 3.x))/(Pt 4.x— Pt 3.x); 
[2 

SeeFlag= 0; // 不 可 见 , 构 成 点 对 
InterFlag= 0; // 非 交点 
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//Pt_3 加 入 Pt_2 之 后 ,并 产生 新 Pt_3, 在 Pt 2 处 
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Type= 0; // 普 通 点 
CreateNewPt (Pt 3,Pt 2.x,Pt 2.y,z,Pt_ 3.EdgeColor,Pt 3.DrawColor,SeeFlag, InterFlag, TYpe, Pt_ 
2. Edge); 
j++; 
j++; 
continue; // 继 续 判断 
} 
else{ 
//Pt_3 不 可 见 ,加 入 Pt_1 之 后 ,产生 新 的 Pt_3 点 ,继续 判断 
Pt_3.SeeFlag= 0; 
m All Pt Array.InsertAt(j0+1,Pt 3); 
// 计 算 新 z 值 
t= ((double) (Pt 2.x—Pt 3.x))/(Pt 4.x— Pt 3.x); 
z= (Pt 4.z—Pt 3.z)*t+Pt 3,2; 


SeeFlag= 0; // 不 可 见 , 构 成 点 对 
InterFlag= 0; // 非 交点 
Type= 0; // 普 通 点 


CreateNewPt(Pt_ 3,Pt 2.x,Pt 2.y,z,Pt_3.EdgeColor,Pt_3.DrawColor, SeeFlag, InterFlag, Type, Pt_ 
2., Edge); 
j++; 


continue; 


} 

if(flag== 0){ 
//Pt_3\Pt_4 未 处 理 , 则 加 入 最 后 
m_All Pt Array.Add(Pt 3); 
m All Pt Array.Add(Pt 4); 


} 


return; 


有 
其 中 ,构造 新 点 的 函数 代码 为 : 


void CreateNewPt (CPixelPt& PixelPt, int& x, int& y, double& z, COLORREF& EdgeColor, COLORREF& 
DrawColor, int& SeeFlag, int& InterFlag, int& Type, CEdge * Edge){ 

PixelPt.x= x; 

PixelPt. y= y; 

PixelPt.z= 2z; 

PixelPt. EdgeColor = EdgeColor; 

PixelPt. DrawColor = DrawColor; 

PixelPt. Type = Type; 

PixelPt. InterFlag = InterFlag; 

PixelPt. SeeFlag = SeeFlag; 

PixelPt. Edge[ 0] = Edge[ 0]; 

PixelPt. Edge[1] = Edge[1]; 
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判断 相 邻 扫描 线 的 交点 中 同一 边 上 点 是 否 需 连 线 的 函数 为 : 


void LinkPixelPt(CDC * pDC, CPixelPt& PixelPt0, int j, CRrray < CPixelPt, CPixelPt > & m All Pt_ 
Array, CArray < CPixelPt, CPixelPt > & m All Pt Array 01d){ 

// 从 上 一 条 扫描 线 的 交点 集中 ,找到 点 对 应 边 所 在 的 像素 点 ,判断 x 之 间 的 距离 是 否 过 大 , 如 果 
过 大 , 则 扫描 补偿 中 间 点 

CPixelPt PixelPt 0,PixelPt 1,Pt0,Ptl; 

CPoint startPoint, endPoint; 

int flag, YesFlag; 


int iStep= 0; // 需 要 判断 几 次 连 线 PixelPt0. Type; 
// 如 是 顶点 , 需 判断 两 次 
if(PixelPt0. Type == 0) return; // 非 边界 点 ,不 连 线 
int i,k; 
for(i=0;i<m All Pt Array Old.GetSize();i++){ 
k= i; 
PixelPt 0=m All Pt Array Old.GetAt(i); 
if(PixelPt 0. InterFlag == 0)continue; // 不 是 交点 
YesFlag = 0; 


if(PixelPt0. Edge[0] == PixelPt_0. Edge[0]| |PixelPt0. Edge[0] == PixelPt_0. Edge[1]| |PixelPt0. 
Edge[1] == PixelPt_0. Edge[ 0]| |PixelPt0. Edge[1] == PixelPt_0. Edge[1]){ 
if(abs(PixelPt 0.x— PixelPt0.x)> 2) 
{ // 需 插值 
if(PixelPt_0. SeeFlag == 1&&PixelPt0. SeeFlag == 1){ // 两 个 点 均 可 见 
Pt0 = PixelPt0; 
Ptl = PixelPt_0; 
YesFlag= 1; 
} 
else if(PixelPt 0.SeeFlag == 0&gPixelPt0. SeeFlag == 1){ // 上 一 个 扫描 线 的 点 不 可 见 
if(PixelPt_0.x<PixelPt0. x){ // 找 到 上 一 个 扫描 线 上 PixelPt0 前 的 一 个 可 见 点 
ki 
for( ;k<m All Pt Array Old.GetSize();k++){ 
PixelPt 1=m All Pt Array Old.GetAt(k); 
if(PixelPt 1.x>PixelPt0.x){ 
革 == 
Yor(;E>0;E-—— WH 
PixelPt _1=m All Pt Array Old.GetAt(k); 
if(PixelPt_1.x<PixelPt0. x&&PixelPt 1.SeeFlag == 1&&PixelPt 1.x>PixelPt 0.x){ 
Pt0 = PixelPt0; 
Ptl = PixelPt 1; 
YesFlag= 1; 
break; 
} 
else 
continue; 


break; 


} 


else{ 。 // 找 到 上 一 个 扫描 线 上 PixelPt0 后 的 一 个 可 见 点 , 连 线 
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一 
PixelPt 1=m All Pt Array Old.GetAt(k); 
if(PixelPt 1.x<Pixelpt0. x){ 
Ets 
for(;k<m All Pt Array. GetSize();k++){ 
PixelPt 1=m All Pt Array.GetAt(k); 
if(PixelPt 1.x>PixelPt0. x&&PixelPt 1.SeeFlag == 1&&PixelPt 1.x<PixelPt 0.x){ 
Pt0 = PixelPt0; 
Ptl = PixelPt 1; 





YesFlag=1; 
break; 
} 
else 
continue; 
} 
break; 


} 
else if(PixelPt_0. SeeFlag == 1&&PixelPt0. SeeFlag == 0){ // 当 前 扫描 线 的 点 不 可 见 
if(PixelPt 0.x<PixelPt0.x){ 
for(k=j-1;k>=0;k--){ 
PixelPt 1=m All Pt Array.GetAt(k); 
if(PixelPt 0.x>PixelPt 1.x){ 
k++ 
for(;k<m All Pt Array.GetSize();k++){ 
PixelPt 1=m All Pt Array.GetAt(k); 
if(PixelPt_1.x>PixelPt 0.x&&PixelPt 1.SeeFlag == 1&&PixelPt_1.x<PixelPt0.x){ 
Pt0 = pixelPt_0; 
Pt1 = PixelPt 1; 


YesFlag= 1; 
break; 
} 
else 
continue; 
} 
break; 
} 
} 
} 
else{ 


for(k=j+1; k<m All Pt Array.GetSize();k++){ 
PixelPt 1=m All Pt Array.GetAt(k); 
if(PixelPt 1.x>PixelPt 0.x){ 
| St 
下 一 放 
PixelPt 1=m All Pt Array.GetAt(k); 
if(PixelPt 1.x<PixelPt 0.x&&PixelPt 1.SeeFlag== 1&&PixelPt 1.x> PixelPt0.x){ 
Pt0 = PixelPt 0; 
Ptl = PixelPt 1; 
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YesFlag=1; 
break; 

} 

else 
continue; 


break; 


} 
else{// 两 个 扫描 线 上 的 点 都 不 可 见 , 分 别 找 最 近 的 可 见 点 作 参 考 
if(PixelPt 0.x<PixelPt0.x){ 
k++; 
for( ;k<m All Pt _ Array Old.GetSize();k++){ 
PixelPt 1=m All Pt Array Old.GetAt(k); 
if(PixelPt 1.SeeFlag==1){ 
PixelPt_0 = PixelPt 1; 
break; 


} 
Fort== jr j= I==)t 
PixelPt _1=m All Pt Array.GetAt(j); 
if(PixelPt 1.SeeFlag==1){ 
PixelPt0 = PixelPt 1; 
break; 


y 
if(PixelPt 0.x>PixelPt0.x) 
break; 
else{// 继 续 寻 找 两 线 之 间 的 最 近 可 见 点 
flag= 0; 
E+ 
for( ;k<m All Pt Array Old.GetSize();k++){ 
PixelPt 1=m All Pt Array Old.GetAt(k); 
if(PixelPt 1. SeeFlag == 1&8PixelPt 1.x<PixelPt0.x){ 
PixelPt_0 = PixelPt 1; 
EL 一 
PixelPt 1=m All Pt Array.GetAt(j); 
if(PixelPt 1.SeeFlag == 1&&PixelPt 0.x<PixelPt 1.x){ 
PixelPt0 = PixelPt 1; 
break; 
} 
else{ // 已 找到 最 近 的 两 个 点 
flag=1; 
break; 


} 
elsef // 已 找到 最 近 的 两 个 点 
flag=1; 
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} 
if(flag==1){ 
Pt0 = PixelPt 07 
Ptl = PixelPt0; 
YesFlag=1; 
break; 
} 
} 
} 
} 
else{// 分 别 找 最近 的 可 见 点 


for(++j; j<m All Pt Array.GetSize();j++){ 
PixelPt 1=m All Pt Array.GetAt(j); 
if(PixelPt 1.SeeFlag==1){ 
PixelPt0 = PixelPt 1; 
break; 


) 
for( ——k;k>0;k-- ){ 
PixelPt 1=m All Pt Array 0ld.GetAt(k); 
if(PixelPt 1.SeeFlag==1){ 
PixelPt 0= PixelPt 1; 
break; 


} 
if(PixelPt0.x> PixelPt_0.x) 
break; 
else{// 继 续 寻 找 两 线 之 间 的 最 近 可 见 点 
flag= 0; 
Eor(~==Eyk>0k=—){ 
PixelPt 1=m All Pt Array Old.GetAt(k); 
if(PixelPt 1.SeeFlag== 1&&PixelPt 1.x> PixelPt0.x){ 
PixelPt_0 = PixelPt 1; 
for(++j; j<m All Pt Array.GetSize();j++){ 
PixelPt 1=m All Pt Array.GetAt(j); 





if(PixelPt_1.SeeFlag == 1&&PixelPt 0.x>PixelPt 1.x){ 


PixelPt0 = PixelPt 1; 
break; 

} 

elsef // 已 找到 最 近 的 两 个 点 


flag=1; 
break; 
} 
j 
} 
else{ ”// 已 找到 最 近 的 两 个 点 
flag=1; 
} 
if(flag==1){ 


Pt0 = PixelPt_0; 
Ptl = Piyelpto; 
YesFlag=1; 
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break; 


} 
4 
// 连 线 ,判断 是 否 继续 
if(YesFlag == 1){ 
startPoint.x= Pt0.x; 
startPoint.y= PtO.y; 
endPoint.x= Ptl.x; 
endPoint.y= Ptl.y; 
MIDPOINT Line(pDC, startPoint, endPoint, PixelPt0. EdgeColor); 


» 
if(PixelPt0. Type > = 2) 
continue; 
else 
break; 


) 


在 程序 中 为 了 实现 一 般 多 面体 的 消 隐 ,在 OnDraw() 函 数 中 对 于 拉 伸 实体 的 显示 部 分 
作 如 下 修改 : 


if(m HideFlag == false){ 
for(int i=0;i<num Body;i++){ 
if((m Picker.picktype == pick body&S&m Body[i] ==m Picker.m Body Stretch) == false) 
DrawBody( pDC, m_Body[ i],m_DrawColor,m Matrix_V,m_ Body,num Body,m_LineWidth,m_lineType, 
m_HideFlag); 
} 
} 


elsef 
DrawTrueBody( pDC, m_Picker, HIGHLIGHTCOLOR, m_Matrix_V,m_ Body,m_ DrawColor, num_Body,m_ 
RenderFlag, m LightVector,m dblEnvironment,m dblDefuse,m dblMirror,m iNs,m dblFatt); 
} 


图 6. 3-9 所 示 为 上 述 消 隐 算 法 对 任意 一 个 线 框 拉 伸 实 体 的 消 隐 效 果 及 对 比 , 从 结果 看 ， 
上 述 扫 描 线 消 隐 算 法 是 有 效 可 行 的 。 





6.3-9 消 隐 前 后 效果 对 比 


真实 感 图 形 绘制 





为 了 使 计算 机 所 绘制 出 的 图 形 能 更 真实 地 再 现 物体 ,并 与 真实 世界 中 的 物体 更 接近 , 除 
了 对 图 形 进行 消 隐 外 ,还 需 显 示 图 形 表面 的 颜色 、 亮 度 、 材 质 、 纹 理 等 特征 ,此 时 的 图 形 称 为 
真实 感 图 形 。 在 真实 世界 中 ,只 有 在 有 光 的 环境 下 才能 看 到 物体 ; 计算 机 绘制 真实 感 图 形 
时 ,同样 也 需要 根据 假定 的 光照 条 件 和 景物 外 观 因 素 , 依 据 一 定 的 光照 模型 ,计算 可 见面 投 
射 到 观察 者 眼中 的 光 强 度 大 小 ,并 将 它 转换 成 适合 图 形 设 备 的 颜色 值 , 生 成 投影 画面 上 每 一 
个 像素 的 光 强 度 , 从 而 使 观察 者 产生 身 临 其 境 的 感觉 ,这 就 是 计算 机 绘制 真实 感 图 形 的 思 
路 。 真 实感 图 形 绘制 是 计算 机 图 形 学 的 一 个 重要 组 成 部 分 ,真实 感 图 形 绘制 技术 有 重要 的 
实用 价值 ,在 工业 设计 和 实物 模型 制作 方面 ,采用 计算 机 真实 感 图 形 绘 制 技术 ,可 方便 地 在 
屏幕 上 显示 产品 各 种 角度 的 真实 感 视 图 ,并 在 屏幕 上 直接 对 外 形 进行 交互 式 的 修改 ,减少 
大 量 的 人 力 物 力 成 本 ; 真实 感 图 形 绘制 在 计算 机 仿真 技术 ,模拟 自然 景物 、 科 学 计算 可 视 
化 模拟 (如 分 子 结构 ,星体 运行 等 微观 和 宏观 世界 许多 看 不 到 的 物理 现象 ) 和 处 理 海量 数 
据 、 计 算 机 动画 、 虚 拟 现实 以 及 飞行 训练 .战斗 模拟 、 医 学 、 影 视 广 告 等 领域 都 有 广阔 的 应 
用 前 景 。 

计算 场景 中 可 见面 的 颜色 ,严格 地 说 ,是 根据 基于 光学 物理 的 光照 明 模型 计算 可 见面 投 
影 到 观察 者 眼中 的 光亮 度 大 小 和 色彩 组 成 ,并 将 它 转换 成 适合 图 形 设备 的 颜色 值 ,从 而 确定 
投影 画面 上 每 一 像素 的 颜色 ,最 终生 成 图 形 。 所 以 ,本章 首先 对 相关 的 光学 原理 和 颜色 等 概 
念 进行 简单 介绍 。 




















7.1 相关 物理 知识 


7.1.1 基本 光学 原理 


光 是 真实 世界 能 看 到 物体 的 基本 条 件 .黑暗 中 是 无 法 识别 物体 的 ,而 光 是 由 光源 发 出 
的 ,光源 的 类 型 .光源 的 位 置 以 及 光源 的 强度 大 小 对 物体 的 显示 效果 
有 直接 的 影响 ,因此 ,光源 是 计算 机 绘制 真实 感 图 形 的 一 个 重要 影响 
因素 。 
从 几何 特性 上 来 讲 ,光源 的 种 类 有 点 光源 、 平 行 光源 、 线 光源 、 面 
光源 、 体 光源 以 及 环境 光 等 。 点 光源 可 以 假定 光线 是 从 一 个 点 向 四 周 
图 7.1-1 点 光源 ”均匀 发 射 ,如 图 7. 1-1 所 示 , 灯 泡 或 者 螨 烛 的 光 就 可 以 认为 是 点 光源 
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发 出 的 。 多 个 连续 的 点 光源 合 在 一 条 线 上 就 构成 了 线 光 源 , 如 荧光 灯 管 。 当 发 出 的 光线 是 
平行 照射 时 ,此 光源 是 平行 光源 ,例如 ,太阳 光 就 是 平行 光 。 同 理 , 面 光源 、 体 光源 以 及 环境 
光 都 是 指 产生 光线 的 光源 特征 。 

光 的 强 弱 可 以 用 光 强 表示 , 光 强 也 表示 光 能 的 大 小 ,一 般 认 为 点 光源 向 四 周 发 出 的 光 强 


相同 ,但 会 衰减 ,公式 为 世英 ,其 中 d 为 距离 。 认 为 平行 光 和 环境 光 的 光 强 不 衰减 ,而 线 


光源 、 面 光源 和 体 光 源 的 光 强 衰减 比较 复杂 , 且 只 在 特定 环境 下 
存在 , 故 在 图 形 学 中 常用 的 光源 是 点 光源 ,平行 光源 和 环境 光 。 

光 的 一 个 非常 重要 的 物理 特性 是 光 的 波长 即 光谱 ,不 同 波 
长 的 光 会 产生 不 同 的 颜色 。 在 人 们 的 眼中 ,波长 630nm 的 光 是 
红色 的 ,波长 530nm 的 光 是 绿色 的 ,波长 450nm 的 光 是 蓝 色 的 。 
这 三 种 波长 的 光 对 视网膜 的 锥 状 细胞 的 刺激 最 强 ,视觉 理论 把 
红 \ 绿 , 蓝 这 三 种 颜色 作为 颜色 基色 ,又 称 RGB 三 原色 。 不 同 强 
度 的 几 种 基色 加 在 一 起 可 以 形成 另 一 种 颜色 ,如 图 7. 1-2 所 示 。 ” 图 7.1-2 RGB 颜色 模型 





7.1.2 颜色 与 光 的 关系 


虽然 物体 由 于 材质 和 表面 处 理 的 不 同 具有 不 同 的 客观 颜色 ,但 是 ,我 们 看 到 物体 表面 的 
颜色 效果 却 取 决 于 物体 表面 的 反射 光 和 透射 光 的 光谱 分 布 ,以 及 物体 表面 对 人 射 光 中 不 同 
波长 的 光 的 反射 程度 ,我 们 的 视觉 系统 一 一 眼睛 是 通过 可 见 光 对 视网膜 的 锥 状 细胞 的 刺激 
来 感受 颜色 的 ,所 以 ,我 们 看 到 的 物体 颜色 是 一 个 主观 感觉 。 

我 们 之 所 以 能 看 到 各 种 颜色 ,是 由 于 光线 照射 到 着 色 的 物体 表面 时 ,物体 有 选择 地 吸收 
了 一 部 分 波长 的 光线 而 反射 出 另 一 部 分 波长 的 光线 。 反 射出 来 的 光线 进入 人 的 眼睛 ,人 们 
所 看 到 的 颜色 就 是 物体 反射 出 来 的 那些 波长 的 颜色 。 大 多 数 物 体 对 白光 中 各 种 不 同 的 光波 
具有 不 同 的 吸收 率 , 这 些 物 体 称 为 选择 性 吸收 体 。 当 白光 照射 一 块 蓝 玻璃 时 , 蓝 玻 璃 吸收 了 
红 光 、 绿 光 , 透 过 了 蓝光 , 呈 蓝 色 。 一 块 蓝 布 是 因为 吸收 了 红 光 、 绿 光 , 只 吸收 了 很 少 蓝光 , 反 
射 了 大 部 分 蓝光 而 显 蓝 色 。 所 以 , 绝 大 多 数 非 发 光 体 的 颜色 取决 于 经 物体 选择 性 吸收 以 后 
所 反射 或 透射 出 来 的 光线 的 光谱 成 分 ,人 眼 所 看 到 的 非 发 光 体 的 颜色 就 是 该 物体 所 不 吸收 
或 吸收 较 少 的 颜色 。 一 般 情 况 下 , 当 物 体 表面 是 某 种 颜色 时 ,那么 对 该 种 颜色 波长 的 光 吸 收 
较 少 ,而 反射 或 者 透射 较 多 。 

当 物 体 对 某 种 颜色 吸收 较 多 时 ,那么 对 该 颜色 的 反射 就 较 少 ,也 即 反 射 率 较 低 。 当 我 们 
假定 入 射 光 、 反 射 光 和 透射 光 都 仅仅 由 红 (R)、 绿 (G)、 蓝 (B) 三 种 基色 组 成 时 ,假设 某 物 体 
表面 对 RGB 三 个 颜色 基色 的 反射 率 分 别 是 (1.0,0.5,0), 则 它 能 反射 全 部 红 光 ,反射 一 半 绿 
光 , 不 反射 蓝光 。 现 在 ,假定 有 一 个 光源 , 它 的 RGB 值 为 (Lr ,Ls ,Ls) ,物体 表面 的 反射 率 是 
CMR ,Me ,Ms) , 当 该 光源 照射 到 物体 上 时 ,在 不 考虑 其 他 反射 效果 的 前 提 下 ,眼睛 看 到 的 反 
射 光 的 颜色 是 (LrIMr ,LecMc ,LaMa)。 一 般 情况 下 ,光源 都 是 白光 即 RGB(255,255,255) ， 
假设 物体 表面 颜色 是 红色 , 即 RGB(255,0,0) , 则 物体 表面 对 白光 的 反射 率 为 (1.0,0,0) , 眼 
睛 看 到 的 这 个 光源 的 颜色 为 RGB(255.0,0) 。 

计算 机 图 形 中 常用 的 颜色 模型 有 RGB 颜色 模型 CMY 颜色 模型 ,HSV 颜色 模型 等 。 
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CMY 颜色 模型 为 以 红 、 绿 、 蓝 的 补 色 青 (cyan) \ 平 红 (magenta) 、 黄 (yellow) 为 原色 构成 的 模 
型 ,常用 于 从 白光 中 滤 去 某 种 颜色 ,又 称 减 性 原色 系统 ,在 印刷 行业 中 ,基本 上 都 是 使 用 这 种 
颜色 模型 。RGB 和 CMY 颜色 模型 都 是 面向 硬件 的 , 它 与 直观 的 颜色 概念 (如 色调 、 色 饱和 
度 和 明度 值 ) 没 有 直接 关系 ,而 HSV (hue saturation value) 颜 色 模 型 是 面向 用 户 的 。HSV 
颜色 模型 对 应 于 画家 的 配色 方法 ,画家 用 改变 色泽 和 色 深 的 方法 从 纯色 获得 不 同色 调 的 颜 
色 , 例 如 ,在 纯色 中 加 入 白色 以 改变 色泽 ,加 入 黑色 以 改变 色 深 ,同时 加 入 不 同比 例 的 白色 、 
黑色 即 可 得 到 不 同色 调 的 颜色 。 本 书 以 RGB 颜色 模型 来 建立 解决 物体 表面 颜色 显示 的 光 
照 模型 。 





7.2 光照 模型 


7.2.1 简单 光照 模型 


所 谓 光照 模型 (illumination model) , 指 的 是 对 光照 射 到 物体 表面 所 产生 的 反射 ,折射 现 
象 的 模拟 ,就 是 根据 光学 物理 的 有 关 定 律 , 计 算 物 体 表面 各 点 投射 到 观察 者 眼中 的 光线 的 光 
亮度 和 色彩 组 成 的 数学 公式 。 它 也 称 明 暗 模 型 ,主要 用 于 物体 表面 某 点 处 的 光 强 度 计算 。 
计算 机 图 形 学 的 光照 模型 的 作用 就 是 解决 如 何 计算 物体 表面 的 红 、 绿 、 蓝 三 种 基色 的 颜色 值 
的 问题 。 
物体 的 表面 性 质 和 自然 界 中 的 真实 光线 对 物体 表面 亮度 的 影响 很 难 精确 地 模拟 ,只 能 
通 近 实际 条 件 , 与 实际 条 件 越 接近 ,所 得 的 光照 模型 就 越 复杂 ,计算 量 也 就 越 大 , 通 真 性 越 
强 。 根 据 计 算 机 模拟 物体 表面 对 光 的 大 小 颜色 的 反映 与 现实 接近 的 程度 不 同 ,形成 不 同 的 
光照 模型 。 
(1) 简单 光照 模型 。 一 般 情况 下 ,只 需 考虑 光源 的 漫 反 射 和 镜面 反射 ,此 时 所 得 的 光照 
模型 称 为 局 部 光照 模型 。 
(2) 复杂 光照 模型 。 复 杂 的 光照 模型 除了 考虑 反射 光 外 ,还 要 考虑 其 他 一 些 因素 : 周 
围 环境 的 光 对 物体 表面 的 影响 ,物体 的 透明 度 , 阴 影 的 处 理 ,物体 表面 细节 的 处 理 , 光 源 的 位 
置 和 个 数 等 。 这 类 光照 模型 称 为 整体 光照 模型 , 它 使 绘制 的 图 形 更 接近 自然 景物 。 
(3) 局 部 模型 。 它 是 一 个 经 验 模型 ,但 能 在 较 短 时 间 内 获得 具有 一 定 真 实感 的 图 形 ,能 
较 好 地 模拟 光照 效果 和 镜面 高 光 , 且 计算 简单 ,所 涉及 的 参数 量 易于 获得 ,因此 在 实际 中 得 
到 了 广泛 的 应 用 和 推广 ,是 目前 三 维 图 形 真 实感 处 理 技术 所 采用 的 主要 方法 。 简 单 光照 模 
型 中 只 考虑 反射 光 的 作用 。 反 射 光 由 环境 光 、 漫 反射 光 和 和 镜面 反射 光 三 部 分 组 成 。 
1. 环境 光 
环境 光 (background light) 可 看 作 邻 近 各 物体 所 产生 的 
光 多 次 反射 和 散射 ,最 终 达 到 平衡 时 的 一 种 光 , 产 生 的 作用 
[ ] 是 虽然 物体 没有 受到 光源 的 直接 照射 ,但 其 表面 仍 有 一 定 
的 亮度 。 环 境 光 的 特点 是 照射 在 物体 上 的 光 来 自 周围 各 个 
图 7.2-1 环境 光 方向 ,又 均匀 地 向 各 个 方向 反射 ,如 图 7. 2-1 所 示 。 
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如 果 用 I。 表示 环境 光 的 人 射 强度 的 大 小 , 则 物体 表面 上 一 点 对 环境 光 的 反射 强度 I 

可 表示 为 
IL.=Lk,, 0<k<Il 

式 中 ,k。 为 由 物体 材质 决定 的 表面 对 环境 光 的 反射 系数 , 即 反射 率 。 同 一 环境 下 的 环境 光 
是 恒定 不 变 的 ,对 任何 物体 的 表面 的 强度 和 亮度 都 相同 ,这 样 ,同一 个 物体 的 所 有 可 见 表面 
在 只 有 环境 光照 射 下 的 明暗 度 是 一 样 的 ,区 分 不 出 物体 哪些 表面 明亮 ,哪些 表面 暗淡 ,因此 
不 能 产生 真实 感 图 形 的 效果 。 

由 于 物体 表面 对 光 的 吸收 和 反射 作用 ,如 果 假 设 物体 对 与 表面 颜色 相同 的 光 完全 反射 ,对 
于 颜色 不 相同 的 光 完 全 吸收 , 则 通过 环境 光 反 射 看 到 物体 的 颜色 , 即 为 物体 真实 的 材质 颜色 。 

2. 漫 反 射 光 

漫 反射 光 (diffuse light) 可 以 看 作 在 点 光源 的 照射 下 , 光 被 物体 表面 吸收 后 ,然后 重新 
反射 出 来 。 漫 反射 光 的 特点 是 光源 来 自 一 个 方向 ,反射 光 均 匀 地 射 向 各 个 方向 。 

如 图 7.2-2 所 示 , 设 物体 表面 在 P 点 的 法 向 量 为 N, 从 点 光源 
尸 点 指向 光源 的 向 量 为 荆 ; N 与 区 的 夹 角 为 9; 车 NN 与 L 
的 夹 角 小 于 0" 或 大 于 90", 则 光线 被 物体 自身 遮挡 而 照射 不 
到 尸 点 。 由 Lambert 余 艾 定理 可 得 点 P 处 漫 反射 光 的 强 
度 为 





N 





Ls = 1,Kuacosb, 0<0<90° 
式 中 ,] 为 入 射 光 的 强度 ,K 为 漫 反 射 系数 。 P 
如 果 N 和 LL 是 规格 化 的 ,对 于 单位 矢量 ,cosb 一 N . 工 ， 图 7.2-2 漫 反射 光 
则 Lambert 漫 反射 模型 可 以 写 为 














Li = 1Ka(L.N) 
3. 镜面 反射 光 
如 果 光 照射 到 光滑 的 表面 , 则 会 发 生 镜面 反射 .镜面 反射 的 特点 是 在 光滑 表面 会 产 
生 一 块 高 光 的 区 域 。 利 用 镜面 反射 可 以 很 好 地 模拟 光滑 物体 在 光照 下 表面 产生 高 亮 的 





镜面 反射 遵循 光 的 反射 定律 。 如 图 7. 2-3 所 示 ， 
反射 光 与 信 射 光 位 于 表面 法 向 两 侧 , 对 于 理想 反射 表 
面 ( 如 镜面 ), 入 射 角 等 于 反射 角 , 观 察 者 只 能 在 表面 
法 向 的 反射 方向 一 侧 才能 看 到 反射 光 。 
镜面 反射 情况 由 经 验 模型 Phong 模型 给 出 : 
1, = TK, cosas 人 0 过 ww 和 9590 
图 7.2-3 镜面 反射 光 式 中 .1 为 入 射 光 的 强度 ; K, 为 物体 表面 某 点 的 高 
亮光 系数 , 即 镜面 反射 率 ; a 为 R 与 V 的 夹 角 ; n, 为 
物体 表面 的 镜面 反射 指数 , 取 值 范 围 为 1 一 2000, 反 映 物体 表面 的 光滑 程度 ,表面 越 光滑 ,六 
越 大 。 
假定 所 有 的 矢量 均 为 单位 矢量 , 令 吾 =(L+V)/2. 即 互 为 工 和 y 的 角 平 分 矢量 , 则 N 
与 H 的 夹 角 是 a, 因 此 ,cosa 二 V。 R= 二 N，。HH, 则 镜面 反射 光 模 型 改写 为 
1 = LK, (N. HD)” 
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从 视点 观察 到 物体 上 任 一 点 P 处 的 光 强 度 了 应 为 环境 光 反 射 光 强 度 I、 漫 反 射 光 强度 
Te 以 及 镜面 反射 光 的 光 强 度 I 的 总 和 ,此 即 Phone 光照 模型 : 
I=1L+l+l= LK +LRL:. N+LK,(N.H)" 
4. 多 光源 的 情况 
当 有 多 个 光源 时 ,例如 有 xm 个 光源 照射 ,在 计算 物体 可 见 表 面 某 点 的 光 强 时 ,需要 逐个 
累加 每 个 光源 的 漫 反 射 和 镜面 反射 的 光 强 贡献 ,这 时 Phone 光照 模型 需 修改 为 


T= LK,+ FIAK a .。N) 二 TeK。 (N. H)"] 
i=1 
5. 光 的 衰减 
点 光源 在 空间 发 出 的 光线 强度 会 随 光 行 进 距离 的 增加 而 衰减 ,物体 某 点 的 入 射 光 强度 
与 该 点 和 光源 距离 的 平方 成 反比 ,在 计算 机 图 形 学 中 ,采用 衰减 因子 来 表示 光 的 衰减 : 
、 1 
fu min (1 Te ) 


式 中 ,co cl\cs 为 常数 ,用 于 保证 衰减 因子 在 1 之 内 ,以 确保 总 是 衰减 的 。 
这 样 ,在 考虑 了 光 的 衰减 后 ,Phone 光照 模型 进一步 修改 为 








T= TK。 十 >) 广 LIAKu(L。N) 十 TaK。 (N* Hi)"] 
i=]1 


式 中 ,fi 为 第 i 个 光源 的 衰减 因子 。 

6. Phone 光照 模型 的 RGB 颜色 模型 形式 

在 RGB 颜色 模型 中 ,把 入 射 光 强 了 分 为 三 个 分 量 ,分 别 代 表 RGB 三 基色 的 光 强 ,通过 
这 些 分 量 的 值 来 调整 光源 的 颜色 。 同 样 的 ,K。、Ks、K, 也 有 三 个 分 量 。 于 是 ,Phone 光照 模 
型 的 RGB 颜色 模型 形式 为 


Ir = LorKor+ > Ei 。N) 十 IxrKsr (N*» Hi)"™] 
i=1 








Tc = LekKc+ re a 。N) 十 Junc 开 sc CN 。 H;)™] 
i=1 


Is = LsKis+ 2) fiLlysKas CLi* N) + InsKss (N. Hi)"] 
i=1 


上 述 的 Phone 光照 模型 只 考虑 了 环境 光 、 漫 反射 光 以 及 镜面 反射 光 ,是 一 种 简单 光照 
模型 ,利用 上 述 模型 生成 的 图 形 真实 度 已 经 达到 了 可 以 接受 的 程度 。 

在 程序 中 实现 上 面 的 光照 模型 时 ,首先 要 实现 物体 的 消 隐 人 处理。 对 于 潜在 可 见面 ,利用 
Phone 光照 模型 的 RGB 颜色 模型 形式 计算 物体 表面 的 每 一 个 点 的 颜色 ,并 在 对 应 像素 点 用 
该 颜色 填充 , 即 得 真实 感 图 形 。 

在 第 6 章 的 消 隐 技术 中 ,利用 扫描 线 法 实现 了 一 般 多 面体 的 消 隐 。 扫 描 线 算法 不 仅 可 
以 实现 边 和 面 的 消 隐 ,也 可 以 通过 将 扫描 线 与 可 见面 投影 的 交点 对 面 内 的 像素 点 进行 填充 ， 
从 而 获得 表面 的 真实 感 颜 色 。 

在 具体 编程 实现 时 ,假设 只 有 一 个 光源 ,光源 是 一 般 的 白光 , 即 RGB(255,255,255)。 
将 第 6 章 扫 描 线 算法 的 相关 程序 代码 进行 部 分 修改 ,加 入 计算 表面 颜色 码 以 及 显示 的 代码 。 

首先 ,Phone 光照 模型 的 相关 参数 通过 创建 一 个 非 模式 对 话 框 CRenderDlg 进行 具体 
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设置 ,如 图 7. 2-4 所 示 , 非 模式 对 话 框 的 创建 方法 见 本 书 前 面相 关 章 节 。 在 该 对 话 框 中 , 设 
置 是 否 光照 泻 染 的 标识 、 拾 取 形 体 的 颜色 、 光 源 的 位 置 以 及 Phone 模型 的 相关 参数 。 


| 
忆 光照 泻 染 关闭 
颜色 设置 
光源 位 置 矢量 
xF vvyF z fs 确定 
环境 光 光 强大 小 : 














漫 反射 系数 : 
镜面 高 亮光 系数 ， 
镜面 反射 指数 : 


光 强 衰减 因子 : 








图 7.2-4 ”Phone 模型 参数 设置 


其 中 ,设置 所 拾取 形体 颜色 的 代码 如 下 : 


void CRenderD1g: :OnButtonColor() { 
// 设 置 拾取 实体 的 颜色 
CColorDialog dlg; 
int i=0; 
for(i=0;i<this—->m pView—>num Body;i++){ 
if((this 一 >m_pView 一 >m_Picker. picktype == pick body&&this ->m pView—>m Body[i] == this—> 
m pView—>m Picker.m Body Stretch) == true){ 
dlg.m cc. rgbResult = this—>m pView—>m Body[i].color; 
dlg.m cc. Flags| = CC_RGBINIT|CC_ FULLOPEN; 
if(IDOK== dlg. DoModal( )){ 
this - > m_pView - >m_Body[i]. color = dlg. m_cc. rgbResult; // 将 \dlg.m_cc. 
//rgbResult 获取 到 的 颜色 对 话 框 中 的 颜色 保存 到 变量 m_clr 中 
} 
break; 


设置 点 光源 位 置 矢量 的 代码 如 下 : 


void CRenderD1g: :OnOK() { 
// 设 置 光源 矢量 
UpdateData( TRUE); 
this—>m pView—>m LightVector.v x= this—>mV x; 
this—>m pView—>m LightVector.v y= this—>m Vy; 
this—>m pView—>m LightVector.v z=this—->m Vz; 
this—>m pView—> Invalidate( ); 


216 | “计算 机 图 形 学 一 原理 、 算 法 及 实践 





UpdateData( FALSE); 
} 
使 用 光源 位 置 矢量 之 前 ,需要 在 BasicClass. h 中 声明 一 个 矢量 类 ,类 结构 如 下 : 
class CVector{/// 矢 量 类 
public: 
doublev x, vy, Vv Zz,vs; 
Vector(){ 
Vx=0.0;v y=0.0;v z=0.0;v_s=1.0; 
: 


bool operator == (CVector &Vector){ 
if(this == &Vector) return true; 
else if(this—>v x== Vector.v x&&this—>v y== Vector.v yg&&this—>v z== Vector.v_z) 
return true; 
else 


return false; 
}; 
在 OnInitDialog() 函数 中 初始 化 Phone 模型 的 相关 参数 ,代码 如 下 : 


BOOL CRenderD1g: :OnInitDialog() { 
CDialog: :OnInitDialog( ); 


m_E. SetRange(0, 100); // 环 境 光 系数 范围 
m_E.SetLineSize(5); 

m_D. SetRange( 0, 100); // 漫 反射 系数 范围 
m_D. SetLineSize(5); 

m_M. SetRange( 0, 100); // 镜 面 反 射 系数 范围 
m_M. SetLineSize(5); 

m_Ns. SetRange(1,100); // 镜 面 反 射 指数 范围 
m_Ns. SetLineSize(5); 

m_F. SetRange(1, 100); // 点 光源 衰减 因子 
m_F. SetLineSize(5); 

return TRUE; 


在 滑动 控件 上 滑动 时 ,可 以 实时 改变 相关 的 参数 值 ,并 对 图 形 直 接 重 新 生成 。 代 码 
如 下 : 





void CRenderD1g: :OnHScroll (UINT nSBCode, UINT nPos, CScrollBar * pScrollBar){ 

UpdateData( TRUE) ; 

if(pScrollBar - > GetD1gCtrlID() == IDC_SLIDER EF){ // 环 境 光 强 系数 
m iEnvironment = ((CSliderCtrl * )pScrollBar) — > GetPos(); 
this—>m pView—>m dblEnvironment = m_ iEnvironment/100.0; 

} 

else if(pScrollBar - > GetD1gCtrlID() == IDC_SLIDER D){ // 漫 反射 系数 
m iDefuse= ((CSliderCtrl * )pScrollBar) 一 > GetPos(); 
this—>m pView—>m dblDefuse = m iDefuse/100.0; 

} 

else if(pScrollBar ~ > GetD1gCtrlID() == IDC_SLIDER M){ // 镜 面 反射 高 亮光 系数 
m iMirror = ((CSliderCtrl * )pScrollBar) 一 > GetPos(); 
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this—>m pView—>m dblMirror =m iMirror/100.0; 

i 

else if(pScrollBar ->GetDlgCtrlID() == IDC_SLIDER_NS){ ”// 镜 面 反 射 指数 
m iMirror ns= ((CSliderCtrl * )pScrollBar) 一 > GetPos(); 
this—>m pView —>m iNs=m iMirror ns; 

} 

else if(pScrollBar - > GetD1gCtrlID() == IDC_SLIDER F){ // 光 衰减 系数 
m iFatt = ((CSliderCtrl * )pScrollBar) -> GetPos(); 
this—>m pView—>m dblFatt =m iFatt/100.0; 

} 

this—>m pView—> Invalidate( ); 

UpdateData( FALSE) ; 

CDialog: :OnHScroll (nSBCode, nPos, pScrollBar); 

} 


为 了 实现 光照 模型 , 需 对 绘制 消 隐 的 函数 DrawTrueBody() 的 参数 以 及 内 容 进 行 修改 ， 
在 参数 中 加 入 Phone 光照 模型 中 的 相关 参数 。 该 函数 的 参数 修改 如 下 : 

void DrawTrueBody(CDC * pDC,CPicker gm Picker, COLORREF m_EdgeColor, double m Matrix_V[][4], 

CBody_ Stretch Body[ ], COLORREF g&m_DrawColor, int bodyNum, bool& m_RenderFlag, CVector& m_ 

LightVector, double &m_dblEnvirenment, double& m_dblDefuse, double& m_dblMirror, int& m_iNs, 

double& m dblFatt) 

其 中 ,新 加 入 的 参数 有 : m_RenderFlag 为 泻 染 显示 的 标识 符 ; m_LightVector 为 光源 
的 位 置 撩 量 ; m_dblEnvironment 为 环境 光 反 射 系数 ; m_dblDefuse 为 漫 反 射 系数 ; m_ 
dblMirror 为 镜面 反射 系数 即 高 亮光 系数 ; m_iNs 为 镜面 反射 指数 ; m_dblFatt 为 衰减 
因子 。 

在 函数 代码 中 ,对 于 调用 计算 表面 的 可 见 性 及 占有 扫描 线 的 函数 BuildBodySurf() ,加 
入 表面 的 光照 颜色 的 处 理 内 容 ,这 时 该 函数 的 参数 中 也 要 加 入 光照 模型 的 相关 参数 

void BuildBodySurf(CBodySurf& BodySurf, bool& m_RenderFlag, CVector& m_LightVector, double &m_ 

dblEnvironment, doubleg m dblDefuse, doubleg& m dblMirror, int& m_iNs, double& m dblFatt) 

其 中 ,新 加 入 的 各 参数 的 意义 和 DrawTrueBody() 中 加 入 的 参数 意义 相同 。 

在 BuildBodySurf() 函 数 中 , 当 某 表面 是 潜在 可 见 时 ,加 入 光照 颜色 的 计算 ,代码 如 下 : 


if(VectorXVectorForZ(pt0_3D, pt1_3D, pt2_3D)< 0){ // 矢 量 叉 乘 2<0 
BodySurf. BodySurf_See_Flag = TRUE; // 潜 在 可 见 
(下 面 为 新 加 入 部 分 ) 
if(m RenderFlag == true){ 
// 计 算 泻 染 


double m_dblE/ * 环境 光 强 * /,m_dblD/* 漫 反 射 光 强 * /,m_dblM/ * 镜面 反射 
光 强 * /,m_total/ * 合计 平均 光 强 * /; 

CVector N_Vector,V Vector,H Vector; 

// 计 算 环 境 光 强 

m dblE =m dblEnvironment; 

// 漫 反射 光 强 

// 计 算 表 面 法 矢 

VectorXVector(pt0_3D, pt1_3D, pt2_3D,N_Vector); 

//L.N 计算 视线 向 量 和 表面 法 矢 的 点 乘 
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double m_LdotN = VectorDotVector(m LightVector,N Vector); 
if(m LdotN<0) 
m LdotN= 0; 

m dblD=m dblFatt * m dblDefuse * m LdotN; 

// 镜 面 反 射 

V Vector.v z=1.0; 

V Vector.v x= 0.0; 

V Vector.v y= 0.0; 

double 
sqrt0 = sqrt(m LightVector.v x*m LightVector.v x+m LightVector.v y*m LightVector.v y+ 
m LightVector.v z*m LightVector.v z); 

m LightVector.v x=m LightVector.v_x/sqrt0; 

m LightVector.v_y=m LightVector.v_y/sqrt0; 

m_LightVector.v_z=m LightVector.v_z/sqrt0; 

H Vector.v x= (m LightVector.v x+V Vector.v x)/2; 

H Vector.v y= (m LightVector.v_y+V Vector.v_y)/2; 

H Vector.v z= (m LightVector.v z+V Vector.v_z)/2; 

// 计 算 点 光源 和 表面 法 向 量 的 点 乘 

double m_HdotN = VectorDotVector(H_Vector,N_Vector) 

if(m HdotN< 0)m_HdotN = 0; 

m dblM= m dblMirror * pow(m_HdotN,m_iNs); 

m_total = (m_dblE+m_dblD +m_dblM)V3 很 设 三 种 光 的 权重 相同 

int iR= GetRValue(BodySurf. color);// 

int iG = GetGValue( BodySurf. color); 

int iB = GetBValue( BodySurf. color); 


iR= iRx m_ total; // 计 算 红色 分 量 
iG= iGx* m total; // 计 算 绿 色 分 量 
iB= iBx* m total; // 计 算 红色 分 量 


BodySurf. color = RGB(iR, iG, iB);  // 表 面 内 的 点 设置 颜色 
} 
其 中 ,计算 两 个 向 量 又 乘 和 点 乘 的 函数 代码 为 : 


void VectorXVector(CPoint3D &pt0, CPoint3D &ptl, CPoint3D &pt2, CVector& Vector){ 
// 计 算 向 量 的 叉 乘 
Vector.v z= (pt1.x- pt0.x) * (pt2.y— ptl.y) ~ (pt2.x— ptl.x) * (ptl.y~- pt0.y); 
Vector.v x= (ptl.y— pt0.y) * (pt2.z— ptl.z)— (pt2.y— ptl.y) * (pt1l.z— pt0.2z); 
Vector.v_y= (ptl.z— pt0.z) * (pt2.x— ptl.x) ~ (pt2.z— ptl.z) * (ptl.x— pt0.x); 
} 
double VectorDotVector(CVector& Vectorl, CVector& Vector2){ 
// 计 算 向 量 的 点 乘 ,并 单位 化 
return (Vectorl.v x* Vector2.Vv_ x+ Vectorl.v_y* Vector2.v_Y+ Vectorl.v_ zx Vector2.v_ 
z)/sqrt((Vectorl.v x* Vectorl.v x+ Vectorl.v_ y* Vectorl.v_Y+ Vectorl.v_zx Vectorl.v_z) + 
(Vector2.v_ xx Vector2.v_ x+Vector2.v y* Vector2.v_Y+ Vector2.v_zx Vector2.v 2z)); 


在 DrawTrueBody() 函 数 中 , 当 一 条 扫描 线 与 潜在 可 见面 求 交点 并 排序 后 ,如 果 光 照 演 
染 标识 符 是 TRUE, 则 对 交点 对 内 的 像素 填充 颜色 。 相 关 位 置 的 代码 及 新 加 入 的 代码 
如 下 : 
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for(yscan= ymin;yscan <= ymax;yscant++){ 
m All Pt Array.RemoveAll(); 
for(s= 0;s<BodySurf num;s++){ 
if(Body Surf[s].BodySurf See Flag == TRUESS&Yscan > = Body Surf[s].y min Project&&yscan < = 
Body Surf[s].y_max Project) 
// 扫 描 该 面 ,获得 交点 对 
m OneSurf Pt Array.RemoveAll(); 
if(Body Surf[s].PickFlag == 1) 
ScanProjectSurf(yscan, Body_Surf[ s],m EdgeColor,m OneSurf Pt Array); 
else 
ScanProjectSurf(yscan, Body_Surf[s],m DrawColor,m_ OneSurf Pt _Array); 
// 从 m_OneSurf_Pt_Array 中 取出 一 对 ,插入 m_All Pt_Array; 
InsertPtArray(m All Pt Array,m OneSurf Pt Array); 
} 
if(m RenderFlag == false){ 
( 消 隐 部 分 ,前 一 章 代码 已 列 出 ,不 再 著述 ) 
} 
else{// 光 照 泻 染 
for(j=0;j<m All_Pt_Array.GetSize();j++)//,j++){ 
PixelPt0 =m All Pt Array.GetAt(j); 
证 (PixelPt0. SeeFlag== 0) ”// 不 可 见 ,查找 下 一 个 可 见 点 
continue; 
for(k=j+1;k<m All Pt Array.GetSize();k++){ 
PixelPt =m All Pt Array.GetAt(k); 
if(PixelPt. SeeFlag == 0) 
continue; 
else{ 
j=k; 
// 从 PixelPt0 填充 到 PixelPt 
for(i= PixelPt0. x;i<PixelPt.x;i++){ 
pDC— > SetPixel(i,PixelPt0. y, PixelPt0. DrawColor); 
break; 
bb 
} 
m All Pt Array Old. RemoveAll(); 
m_ All Pt Array Old. Append(m All Pt Array); 
} 


采用 上 述 方法 实现 的 光照 泻 染 效果 如 图 7. 2-5 所 示 , 该 形体 也 为 图 6. 3-9 所 示 的 拉 伸 
线 框 实体 实现 的 光照 效果 。 

7. 马赫 带 效应 

在 前 面 讨论 的 光照 模型 中 ,最 后 的 显示 结果 依赖 于 物体 表面 法 向 量 的 计算 ,使 用 这 种 基 
本 数学 模型 计算 物体 表面 明暗 度 的 过 程 称 为 明暗 效应 处 理 。 当 物体 表面 为 曲面 时 ,通常 用 
一 组 多 边 形 (三 角 片 ) 来 近似 模拟 曲面 的 显示 状态 ,那么 ,一 个 多 边 形 中 所 有 的 点 都 对 应 于 一 
个 光 强 度 ,该 多 边 形 面 上 所 有 的 点 都 用 相同 的 光 强 度 值 来 显示 ,这 时 , 相 邻 接 的 多 边 形 会 存 
在 光 强 突变 ,产生 一 种 称 为 马赫 带 效应 (Mach band effect) 的 现象 。 如 图 7. 2-6 所 示 , 牛 的 
表面 利用 多 边 形 ( 三 角 片 ) 双 近 后 ,再 利用 明暗 效应 处 理 , 这 时 整个 表面 的 光 强 不 再 连续 ,而 
是 出 现 图 中 左 侧 图 的 现象 , 即 马赫 带 效 应 。 
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图 7.2-5 Phone 模型 光照 效果 图 


ey A 


7.2-6 马赫 带 效应 


出 现 马 赫 带 效应 有 下 面 三 个 前 提 条 件 : 

(1) 物体 是 一 个 多 面体 ,而 不 是 曲面 物体 的 近似 表示 ; 

(2) 所 有 的 光源 都 离 物体 足够 远 ,以 至 于 N， LL 和 受 距离 影响 的 衰减 对 物体 表面 近似 
地 成 为 一 个 常数 ; 

(3) 视点 离 物 体 表面 足够 远 ,以 至 于 V，R 或 N* HH 对 物体 表面 成 为 一 个 近似 不 变 的 常数 。 

马赫 带 效应 是 视觉 系统 夸大 了 具有 不 同 常量 光 强 的 两 个 相 邻 区 域 之 间 的 光 强 ,使 之 具 

为 了 保证 多 边 形 之 间 的 光滑 过 渡 ,使 连续 的 多 边 形 呈现 匀称 的 光 强 ,需要 根据 某 种 规则 














算出 光 强 或 参数 ,然后 在 各 个 多 边 形 内 部 进行 均匀 插值 ,得 到 多 边 形 的 光滑 颜色 分 布 。 计 算 
机 图 形 学 中 的 两 个 主要 算法 是 Gouraud 明暗 处 理 和 Phong 明暗 处 理 , 它 们 分 别 采 用 双 线 性 
光 强 插值 算法 和 双 线 性 法 向 插值 算法 。 

1) 双 线 性 光 强 插值 (Gouraud 明暗 处 理 ) 

Gouraud 明暗 处 理 的 基本 思想 是 : 先 计算 多 边 形 各 个 顶点 的 光 强 ,然后 通过 双 线 性 插 
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值 , 计 算出 多 边 形 内 各 点 的 光 强 。 其 基本 的 算法 步骤 为 : 

(1) 计算 多 边 形 项 点 的 平均 法 向 量 ; 

(2) 根据 基本 光照 模型 计算 顶点 的 平均 光 强 ; 

(3) 通过 线性 插值 ,计算 多 边 形 边 上 的 各 点 光 强 ; 

(4) 通过 线性 插值 ,计算 多 边 形 内 各 点 的 光 强 。 

假定 我 们 用 多 面体 来 近似 表示 某 一 个 曲面 体 ,已 知 多 面体 的 各 个 多 边 形 表面 的 顶点 和 
法 向 量 , 假 设 顶点 A 相 邻 的 多 边 形 有 A 个 ,其 法 向 量 分 别 为 Ni,i 二 0,1,…,k 一 1, 则 顶点 A 
的 单位 法 向 量 为 





如 图 7.2-7 所 示 ,一 扫描 线 与 多 边 形 的 投影 边界 线 相交 于 a 和 2 两 点 ,s 是 投影 于 该 扫 
描 线 上 a 到 2 之 间 的 多 边 形 采 样 像素 点 ,四 个 顶点 Vi、Vs、Vs 和 Vs 的 光亮 度 分 别 为 I、T;、 
13 和 js; 取 a 点 的 光亮 度 1 为 1 和 I 的 线性 插值 ,6 点 的 光亮 度 1 为 I 和 1 的 线性 插 
值 , 则 :点 发 出 的 光亮 度 为 I。 和 I 的 线性 插值 , 即 

I = ul (mw lu = (ya OO—y2)/(y1 Oy) 
Lb=vh 二 (Whv= (%— /yO— 4) 
1,= tT (1—t) ,t= (2 — 2)/(zs — 176) 

双 线 性 光 强 插值 方法 的 优点 是 计算 量 小 ,可 以 得 到 连续 的 曲面 光 强 。 它 的 缺点 是 , 它 使 
得 物体 的 高 光 部 位 变 得 模糊 , 面 上 的 高 光 有 时 甚至 出 现 异常 形状 ,线性 光 强 插值 有 时 会 造成 
表面 出 现 过 亮 或 过 暗 的 条 纹 , 即 马赫 带 效应 ,使 图 形 的 真实 感 降低 。 由 于 Gouraud 明暗 绘 
制 方法 的 计算 量 较 小 ,并 且 产 生 的 图 形 一 般 都 比较 好 ,所 以 ,图 形 接口 系统 OpenGL 实现 的 
就 是 双 线 性 光 强 插值 算法 。 

2) 双 线 性 法 向 插值 (Phong 明暗 处 理 ) 

Phong 明暗 处 理 的 基本 思想 是 : 多 边 形 内 各 点 的 法 向 量 通 过 对 顶点 的 法 向 量 作 双 线 性 
插值 得 到 ,在 多 边 形 内 构造 一 个 连续 变化 的 法 向 量 函 数 ,并 将 它 代入 光亮 度 计算 公式 , 即 得 到 
由 多 边 形 近似 表示 的 曲面 在 各 采样 点 处 的 光亮 度 值 。 算 法 一 般 步 又 如 下 (如 图 7. 2-8 所 示 ): 

(1) 计算 每 个 多 边 形 项 点 的 平均 单位 法 向 量 ; 

(2) 对 多 边 形 顶点 的 法 向 量 进行 双 线 性 插值 .得 到 多 边 形 内 每 个 点 的 法 向 量 ; 

(3) 根据 光照 模型 沿 每 条 扫描 线 计算 多 边 形 内 各 点 对 应 的 投影 像素 的 光 强 度 值 。 



































图 7.2-7 双 线 性 光 强 插值 图 7.2-8 双 线 性 法 向 插值 
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多 边 形 内 任意 一 点 的 法 向 量 的 双 线 性 插值 的 计算 公式 与 Gouraud 明暗 绘制 方法 中 的 
类 似 ,把 工 换 为 N, 则 * 点 处 的 法 向 量 N, 就 有 如 下 的 插值 公式 : 
Ns = uNi+ (WN, w= (yO—y2)/(y1— ys) 
N; = oNi+(—DN, v= (yy)/(y OO— 1) 
N=WN, +(—DNes t= (0.— 3)/(%i — 1) 
Phong 明暗 处 理 的 优点 是 生成 的 图 形 有 明显 的 高 光 , 比 Gouraud 明暗 绘制 方法 的 真实 


























感 效 果 更 好 ,能 缓解 马赫 带 效应 。 缺 点 是 由 于 每 一 个 像素 点 的 光亮 度 值 都 需要 进行 光照 模 
型 计算 , 故 计算 量 较 大 。 
8. 透明 处 理 


自然 界 有 很 多 物体 是 透明 或 者 半 透 明 的 ,如 玻璃 瓶 。 当 光线 透射 穿 过 透明 物体 到 达 人 
的 眼睛 时 ,就 可 以 清楚 地 看 到 后 面 的 物体 ; 同 理 , 当 光 线 投射 穿 过 半 透 明 的 物体 (如 磨砂 玻 
璃 ) 到 达 人 的 眼睛 时 ,看 到 的 是 后 面 模糊 的 景物 。 后 面 物体 的 反射 光 通过 透明 物体 的 透射 到 
达 我 们 的 眼睛 的 折射 光 , 和 透明 物体 本 身 到 达 我 们 眼睛 的 反射 光 和 至 加 ,形成 了 最 终 所 看 到 的 
颜色 ,如 图 7.2-9 所 示 。 


在 简单 透明 处 理 中 ,忽略 光线 在 穿 过 透明 物体 时 所 发 
生 的 折射 角度 变化 ,在 投影 面 上 点 的 光 强 由 不 透明 的 背景 
物体 穿 过 透明 物体 的 透射 光 强 与 透明 表面 的 反射 光 强加 权 
得 到 : 
站 三 而 一 动 友 下 向 而 





风 9 本 凡人 背景 物体 表面 的 光 强 ; k, 为 透明 物体 的 投射 系数 ,0 过 过 1。 


7.2.2 整体 光照 模型 


考虑 物体 之 间 的 相互 影响 , 光 在 物体 之 间 的 多 重 吸收 .反射 .透射 阴影 和 表面 纹理 细节 
等 所 推出 的 光照 模型 为 整体 光照 模型 (global illumination model) 。 

在 整体 光照 模型 中 ,物体 表面 的 入射 光 分 为 三 部 分 : 一 部 分 来 源 于 各 个 光源 的 直接 照 
射 ; 一 部 分 包括 从 光源 到 达 表 面 的 透射 光 和 从 环境 到 达 表 面 的 透射 光 ; 一 部 分 是 来 自 其 他 
物体 的 光 强 (如 图 7. 2-10 所 示 )。 | 

所 以 ,从 视点 观察 到 的 物体 A 表面 的 光 强 来 源 于 六 SC 
三 方面 的 贡献 : 一 方面 是 光源 直接 照射 到 A 的 表面 被 
反射 到 人 眼中 的 光 产生 的 ; 另 一 方面 是 来 自 光源 或 其 
他 物体 的 光 经 过 A 物体 折射 到 人 眼中 的 光 产生 的 ; 还 - 委 和 
有 一 方面 是 物体 B 的 表面 将 光 反射 到 物体 A 的 表面 ， 交 沾 久 、 /AAA。 和 
再 有 其 他 物体 
再 经 过 物体 A 的 表面 反射 到 人 眼中 产生 的 。 

整体 光照 模型 比 局 部 光照 模型 复杂 得 多 , 较 高 级 
的 光照 模型 使 物体 的 光照 效果 能 得 以 更 好 地 表现 ,与 上 末日 光 沽 或 


其 
实际 情况 非常 吻合 ,但 它 需要 的 计算 量 庞大 ,生成 时 间 i 
其 长 ,制造 成 本 高 。 图 7.2-10 整体 光照 模型 入 射 光 
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典型 的 整体 光照 明 模 型 有 Whitted 光照 模型 和 Hall 光照 模型 。 与 整体 光照 明 模型 相 
应 的 算法 主要 有 光线 跟踪 算法 和 辐射 度 算法 ,本 节 主 要 介绍 Whitted 光照 模型 和 光线 跟踪 

1. Whitted 光照 模型 

Whitted 整体 光照 模型 是 在 简单 光照 模型 中 增加 了 环境 镜面 反射 光 和 环境 规则 透射 光 
两 个 因素 。Whitted 模型 基于 下 列 假 设 : 

从 物体 表面 到 达 视 点 V 的 光 强 了 由 三 部 分 组 成 : 

(1) 由 光源 直接 照射 引起 的 反射 光 强 Tu; 

(2) 沿 视点 V 的 镜面 反射 方向 来 的 环境 光 了 7, 投射 在 光滑 表面 上 产生 的 镜面 反射 光 ; 

(3) 沿 视点 V 的 规则 透射 方向 来 的 环境 光 了 7, 通过 透射 在 透明 体 表面 上 产生 的 规则 透 

因此 ,Whitted 模型 可 用 以 下 公式 表述 : 

T= Te Kl, + Kl, 

式 中 ,K, 为 反射 系数 ,K, 为 透射 系数 ,0<K,,K, 过 1。 

















Whitted 模型 中 , Tom 可 直接 采用 不 考虑 环境 光 的 Phone 模型 计算 。 在 计算 镜面 反射 光 


及 透射 光 时 ,需要 计算 反射 方向 ” 和 透射 方向 +, 如 图 7. 2-11 yO 


所 示 。 
反射 光 的 矢量 : 
r=V—2(N. WN 
透射 光 的 矢量 : 
1 一 胃 十 (CVI 一 站 (L 一 (V。N)5) 一 XIV。N)N) 
其 中 ,7 是 介质 1 的 折射 率 h 与 介质 2 的 折射 率 h 之 比 ,7 一 


Sing。 一 看 7.2-11 反射 及 投射 方向 
sin0 mh” 


2. 光线 跟踪 算法 

光线 跟踪 是 自然 界 光 照明 物理 过 程 的 近似 逆 过 程 , 即 逆向 跟踪 从 光源 发 出 的 光 经 环境 
景物 间 的 多 次 反射 .折射 后 投射 到 景物 表面 ,最 终 进入 人 眼 的 过 程 。 由 于 这 一 过 程 只 跟踪 景 
物 的 镜面 反射 光线 和 规则 透射 光线 , 故 是 一 近似 过 程 。 

算法 的 基本 思想 如 下 。 

如 图 7.2-12 所 示 , 对 于 屏幕 上 的 每 个 像素 ,跟踪 一 条 从 视点 出 发 经 过 该 像素 的 光线 , 求 
出 与 环境 中 物体 的 交点 。 在 交点 处 光线 分 为 两 支 ,分 别 沿 镜面 反射 方向 和 透明 体 的 折射 方 

















(b) 
图 7.2-12 光线 跟踪 算法 
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向 进行 跟踪 ,形成 一 个 递归 的 跟踪 过 程 。 光 线 每 经 过 一 次 反射 或 折射 ,由 物体 材质 决定 的 反 
射 . 折 射 系数 都 会 使 其 强度 衰减 , 当 该 光线 对 原 像 素 光 亮度 的 贡献 小 于 给 定 的 阔 值 时 ,跟踪 
过 程 即 停止 。 光 线 跟踪 的 阴影 处 理 也 很 简单 ,只 需 从 光线 与 物体 的 交点 处 向 光源 发 出 一 条 
测试 光线 ,就 可 以 确定 是 否 有 其 他 物体 遮挡 了 该 光源 (对 于 透明 的 遮挡 物体 需 进 一 步 处 理光 
强 的 衰减 ) ,从 而 模拟 出 软 影 和 透明 体 阴影 的 效果 。 

光线 跟踪 很 自然 地 解决 了 环境 中 所 有 物体 之 间 的 消 隐 阴影 \ 镜 面 反 射 和 折射 等 问题 ， 
能 够 生成 十 分 逼真 的 图 形 , 而 且 算法 的 实现 也 相对 简单 。 光 线 与 物体 的 求 交 是 光线 跟踪 算 
法 的 核心 , 求 交 运算 的 效率 对 于 整个 算法 的 效率 影响 很 大 。 

1) 光线 与 球 求 交 

球 是 光线 跟踪 算法 中 最 常用 的 体 素 ,很 容易 进行 光线 与 球 的 相交 判断 , 球 又 常常 用 来 作 
为 复杂 物体 的 包围 盒 。 设 (zo ,yo ,zo) 为 光线 的 起 点 坐标 ,Cza ,ya ,za) 为 光线 的 方向 ,已 经 规 
格 化 。(z。,y，z.) 为 球 心 坐标 ,R 为 球 的 半径 。 





由 起 点 发 出 的 光线 参数 方程 为 
T= Zzotzxat 
y= 二 Ww To 
z= zo zat 
球面 的 隐 式 方程 为 








( 工 一 Zeo) 十 (一 y%) 十 (< 一 <)2 一 尺 2 
将 光线 的 参数 方程 代入 球面 方程 ,并 合并 整理 得 











At*+B:+C=0 
其 中 
人 一双 十 间 十 下 一 1 
也 一 2[zs(zo 一 ze) 十 (wm 一 y%) 十 za(Czo 一 二 )] 
C= (zr—z) +(y—y) +(z—z)—R’ 
解 方程 得 


_ -B+ VB -4C 
2 


t 


B? 一 4C 一 0, 光 线 与 球 无 交 ; 
B’ 一 4C 二 0, 光 线 与 球 相 切 ,t= 一 B/2; 
B? 一 4C 放 0, 光 线 与 球 有 两 个 交点 , 若 t+ 二 0, 交 点 无 效 ,将 t 代入 光线 的 方程 ,得 交点 坐 


标 , 设 坐标 为 (zvy ,=), 则 可 计算 出 交点 处 的 法 向 量 为 [ 王 寺 至, 沁 寺 半 , | 








R R 
已 知 光 线 和 物体 交点 的 法 向 量 , 则 根据 Whitted 模型 中 的 反射 光 的 矢量 和 投射 光 矢 量 
方程 , 即 得 对 应 的 反射 方向 和 折射 方向 ,从 而 进一步 迭代 计算 。 
2) 光线 与 多 边 形 求 交 
光线 与 多 边 形 求 交 分 两 步 进行 : 第 一 步 ,计算 多 边 形 所 在 的 平面 与 光线 的 交点 ,交点 计 
算 可 参考 6. 3. 2 节 隐 线 算法 的 深度 检测 相关 内 容 ; 第 二 步 ,判断 所 得 的 交点 是 否 在 多 边 形 
内 部 ,可 利用 交点 对 应 的 扫描 线 与 多 边 形 投影 的 交点 对 区 间 来 判断 。 
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3) 光线 与 二 次 曲面 求 交 
二 次 曲面 方程 的 一 般 形式 表示 为 

F(x,y,z) 一 Az2 十 2Bry 十 2Czz 十 2Dz 十 本 :十 2Fyz< 十 2Gy 十 互 =? 十 2 十 J 一 0 
用 矩阵 表示 为 


[os] 


记 及 区 六 有 
:ed 

| ”|=0 
[zy ]cFec nll 
wo 


nm 


将 光线 的 参数 方程 代入 二 次 曲面 的 一 般 形式 得 
好 2 十 中 十 < 一 0 
其 中 

a =Azx3+2Braya + 2Craza + Ey + 2Fyaza + Hz 

b =2[Azoxs+ B(xzoya zayo) Clroza xazo) 二 Dra 二 
Eyoya t+ F(yoza + yazo) + Gya+t Hzoza + Iza] 

c =Az? 十 2Bzoyo 十 2Czozo 十 2Dzo 十 Ey3 十 2Fyozo 十 
2Gyo 十 Hz? 十 21zo 十 J 











方程 的 解 为 :二 一 2 二 一 445 , 当 1 为 实数 时 ,将 + 代入 光线 参数 方程 可 得 交点 坐标 


(Zis yi Zi) (zo za tyot ya * tszo + za * t) 


从 而 ,可 计算 交点 处 的 法 向 量 : 








(Zn yynyzn) 一 (于 , 芝 , 芝 ) 
Zn 一 2(Azri 十 Byi 十 Cxi 十 D) 
yr = 2(Axi Ey;+ Fz;++G) 
2» = 2(Czxi Fyit Hz; + D 
大 量 的 光线 与 景物 的 求 交 测试 和 交点 计算 ,是 导致 计算 开销 大 的 主要 原因 。 尽 量 减 小 
求 交 计算 量 是 提高 光线 跟踪 效率 的 关键 ,常用 的 方法 有 包围 盒 . 层 次 结构 (hierarchies) 及 区 
域 分 割 (spatial partitioning) 等 ,本章 不 再 袭 述 。 
光线 跟踪 是 一 个 典型 的 采样 过 程 , 各 个 屏幕 像素 的 亮度 都 是 分 别 计算 的 ,因而 会 产生 走 
样 ,而 算法 本 身 的 计算 量 使 得 传统 的 加 大 采样 频率 的 反 走样 技术 难以 实用 。 
像素 细 分 是 一 种 适用 于 光线 跟踪 的 反 走样 技术 ,具体 方法 是 : 首先 对 每 一 像素 的 角 点 
用 光线 跟踪 计算 亮度 ; 然后 比较 各 角 点 的 亮度 , 若 差异 较 大 , 则 将 像素 细 分 为 4 个 子 区 域 ， 
并 对 新 增 的 5 个 角 点 用 光线 跟踪 计算 亮度 ; 重复 比较 与 细 分 ,直到 子 区 域 各 角 点 亮度 差异 
小 于 给 定 的 国 值 为 止 ; 最 后 加 权 平 均 求 出 像素 点 的 显示 亮度 。 
光线 跟踪 的 另 一 个 问题 是 ,光线 都 是 从 视点 发 出 的 ,阴影 测试 光线 则 需 另 外 处 理 ,因而 
无 法 处 理 间 接 的 反射 或 折射 光源 ,例如 镜子 或 透镜 对 光源 所 产生 的 作用 就 难以 模拟 。 为 解 
决 这 一 问题 ,可 以 从 光源 和 视点 出 发 对 光线 进行 双向 跟踪 。 但 是 ,大 量 从 光源 出 发 的 光线 根 
本 不 可 能 到 达 屏 幕 ,这 使 得 双向 光线 跟踪 的 计算 量 显 著 增 大 ,难以 实用 。 
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入 3 区 理 


7.3.1 概述 











我 们 观察 周围 的 景物 ,会 发 现 现实 世界 中 的 大 部 分 物体 ,其 表面 往往 有 各 种 表面 细节 和 
图 案 花纹 ,这 就 是 通常 所 说 的 纹理 ,例如 ,建筑 物 墙壁 上 的 装饰 图 案 ` 木 材 表 面 的 木 纹 以 及 桶 
子 皮 表 面 的 皱纹 等 。 前 面 介 绍 的 光照 明 模 型 生成 的 真实 感 图 像 ,由 于 表面 过 于 光滑 单调 , 反 
而 显得 不 真实 ,所 以 更 精确 的 真实 感 图 形 绘制 还 要 考虑 物体 表面 的 细节 纹理 。 

纹理 是 物体 表面 的 细小 结构 ,有 颜色 纹理 和 几何 纹理 两 种 类 型 。 颜色 纹理 通过 颜色 色 
彩 或 明暗 度 的 变化 体现 表面 细节 , 它 一 般 是 二 维 图 像 纹 理 ,如 物体 表面 花纹 、 图 案 等 ,也 有 三 
维 纹理 ,如 木材 纹理 等 ,颜色 纹理 取决 于 物体 表面 的 光学 属性 。 几 何 纹理 主要 是 由 于 不 规则 
的 细小 凹凸 造成 的 表面 细小 结构 , 它 由 物体 表面 的 微观 几何 形状 决定 。 各 种 类 型 的 纹理 如 
图 7.3-1 所 示 。 




















原始 模型 二 维 纹理 几何 纹理 : 维 纹理 
图 7.3-1 不 同类 型 的 纹理 


纹理 映射 是 把 纹理 图 像 值 映射 到 三 维 物体 表面 的 技术 ,并 在 应 用 光照 模型 时 将 这 些 花 
纹 的 颜色 考虑 进去 。 如 图 7. 3-2 所 示 ,将 一 个 平面 花纹 图 案 按照 一 定 的 函数 关系 绘制 在 一 
个 水 壶 旋转 的 表面 上 , 即 为 纹理 映射 。 这 样 ,对 物体 表面 细节 的 模拟 使 绘制 的 图 形 更 接近 自 
然 景 物 。 





图 7.3-2 纹理 映射 


有 两 种 纹理 定义 的 方法 : 
(1) 图 像 纹理 ”将 二 维 纹理 图 案 映 射 到 三 维 物 体 表面 ,绘制 物体 表面 上 一 点 时 ,采用 相 
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应 的 纹理 图 案 中 相应 点 的 颜色 值 。 

(2) 函数 纹理 ”用 数学 函数 定义 简单 的 二 维 纹理 图 案 ,如 方 格 地 毯 。 或 用 数学 函数 定 
义 随 机 高 度 场 , 生 成 表面 粗糙 纹理 即 几何 纹理 。 

在 进行 纹理 和 物体 表面 之 间 的 映射 时 ,通过 建立 它们 之 间 的 某 种 一 一 对 应 关系 来 实现 。 
例如 ,纹理 空间 的 参数 和 物体 表面 的 参数 之 间 建 立 一 一 对 应 关系 ,那么 对 应 参数 处 的 纹理 就 
映射 到 物体 表面 上 。 在 光照 模型 中 ,也 可 以 通过 改变 漫 反 射 系数 来 改变 物体 的 颜色 或 者 改 
变 物体 表面 的 法 向 量 来 产生 纹理 效果 。 





7.3.2 二 维 纹理 映射 和 三 维 纹理 映射 


二 维 纹理 映射 实质 上 是 从 二 维 纹理 平面 到 三 维 景物 表面 的 一 个 映射 。 通常, 二 维 纹理 
在 一 个 纹理 空间 (s,t) 坐 标 系 内 的 矩形 区 域 中 用 光 强 度 值 来 定义 ,其 中 每 一 点 处 , 均 定义 有 
一 灰 度 值 或 颜色 值 ; 而 场景 中 的 物体 表面 是 在 景物 空间 (u,v) 坐 标 系 中 定义 的 ,投影 平面 上 
的 像素 点 是 在 图 像 空间 内 的 直角 坐标 系 xOy 中 定义 的 。 在 绘制 时 ,应 用 纹理 映射 方法 可 以 
方便 地 确定 景物 表面 上 任 一 可 见 点 P 处 在 纹理 空间 中 的 对 应 位 置 (s,) ,而 (s,z) 处 所 定义 
的 纹理 值 或 颜色 值 即 描述 了 景物 表面 在 P 处 的 某 种 纹理 属性 ; 把 该 点 处 的 纹理 颜色 值 作 为 
漫 反 射 系数 代入 光照 模型 中 进行 计算 ,最 后 ,就 能 够 生成 具有 纹理 效果 的 真实 感 图 像 。 

二 维 纹理 最 常见 的 表示 方法 就 是 数字 化 的 彩色 图 像 , 其 分 辨 率 用 m Xn 表示 ,颜色 数 用 
2k 表示 ,例如 ,一 1 表示 黑白 (二 值 ) 图 像 ; 用 位 图 (bitmap) 文 件 (BMP 文件 ) 或 其 他 格式 的 
图 像 文件 (例如 : PCX、TIFF 或 JPEG 等 图 像 文件 ) 保 存 。 

纹理 的 另外 一 种 表示 方法 就 是 用 解析 函数 或 过 程 表示 。 实 际 上 ,许多 纹理 都 可 以 用 二 
维 纹理 函数 1(u,v) 或 函数 过 程 来 表示 。 

实现 纹理 映射 的 方法 主要 是 从 纹理 空间 一 景物 空间 一 图 像 空 间 , 如 图 7. 3-3 所 示 。 为 
了 简化 计算 ,由 纹理 空间 向 景物 空间 的 映射 可 以 采用 线性 映射 
观察 投影 必 换 的 逆 放 换 











纹 型 幢 时 变换 的 逆 变 换 















物体 去 面 





纹理 模式 
7.3-3 二 维 纹理 映射 


在 纹理 空间 ,纹理 图 案 在 坐标 为 (s,t) 的 二 维 空间 中 描述 。 在 物体 空间 用 参数 (u,v) 表 
示 物 体 的 表面 。 纹 理 空间 到 物体 空间 的 映射 函数 为 4 二 f(s, 四 ,v 王 f(s,t)。 通 常 ,假设 映 
射 函 数 是 线性 的 ,使 得 纹理 图 案 可 以 按 比例 伸缩 ,所 以 ,函数 可 以 写成 =As 十 B,v= 
G+D, 

例 7.1 给 定 一 个 线性 方程 ,以 此 把 规范 化 网 格 图 案 映射 到 第 一 象限 球面 的 下 边 部 分 ， 
如 图 7. 3-4 所 示 。 
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图 7.3-4 网 格 图 案 映 射 


解 ” 设 球 表面 的 参数 为 
(u,v) = (0,9), O00I0Zr/2,rn/4S on/2 
在 三 维 直 角 坐 标 系 中 , 球 表面 的 参数 方程 为 
T= rcosusinv 
y = rsinusinv 
z = rcosv 
映射 图 案 和 该 球面 的 映射 关系 为 
5 ， t=0>u=0, v= 7#/2 
s=1, t=0u=7#/2, v= #7/2 
s=0, t= 1l=>u=0, v= 7/4 
s=1, t= 1l>u= 7/2, v= 7/4 
按照 映射 关系 4 二 As 十 B,v= 二 Ct 十 D 计算 系数 ,得 
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当 采 用 某 种 真实 感 图 形 绘制 算法 (如 : 光线 跟踪 ) 生 成 该 球面 的 真实 感 图 形 时 ,将 每 个 


像素 区 域 所 覆盖 的 矩形 纹理 图 案 中 的 光亮 度 值 取 平 均 ,把 该 平均 值 作为 球 表面 上 已 点 


的 漫 


反射 系数 Ks 代入 光照 明 模 型 进行 计算 ,最 后 就 能 够 生成 带 有 纹理 图 案 的 球面 的 真实 感 


图 形 。 

投影 纹理 和 映射 纹理 的 缺点 主要 是 二 维 纹理 和 三 维 物体 表面 之 间 的 不 匹配 ,这 样 
成 纹理 变形 ,而 且 不 能 保证 纹理 的 连续 性 。 

假如 在 三 维 物体 空间 中 ,物体 中 每 一 个 点 (zx,y,zx) 均 有 一 个 纹理 值 i(x,y,x) ,其 值 


会 造 








纹 








理 函数 1(z,y,z) 唯 一 确定 ,那么 对 于 物体 上 的 空间 点 ,就 可 以 映射 到 一 个 纹理 空间 上 了 ,而 
且 是 三 维 的 纹理 函数 ,这 是 提出 三 维 纹理 的 基本 思想 。 三 维 纹理 映射 的 纹理 空间 定义 在 三 


维 空间 上 ,与 物体 空间 是 同 维 的 ,在 纹理 映射 时 ,只 需 把 场景 中 的 物体 变换 到 纹理 空间 
部 坐标 系 中 即 可 。 





的 局 





真实 世界 物体 的 形状 除了 我 们 常见 的 直线 、 圆 、 椭 圆 以 及 平面 .圆柱 面 、 球 面 . 圆 锥 面 和 
圆 环 面 这 些 基 本 线 面 图 形 ( 又 称 初等 解析 曲线 曲面 ) 外 ,还 有 很 多 复杂 的 形状 ,如 飞机 、 轮 船 、 
潜艇 以 及 汽车 的 外 形 等 ,这 些 形状 不 能 用 基本 图 形 表示 ,我 们 称 之 为 自由 曲线 曲面 (又 称 高 








等 曲线 曲阳 





)。 自 由 曲线 曲面 也 是 计算 机 图 形 学 的 一 个 重要 研究 内 容 , 从 i 


十 算 机 图 形 学 的 应 


用 全 局 看 ,自由 曲线 曲面 造型 具有 重要 的 作用 ,这 是 因为 传统 意义 下 的 造型 技术 至 今 还 限制 
在 操作 圆锥 体 、 椭 球体 等 规则 曲面 形体 ,而 地 形 地 貌 描 述 、 矿 藏 储量 图 示 、 铁 路 勘察 设计 与 环 
境 工程 、 人 体 器 官 造 型 与 CT 图 像 三 维 重建 服装 设计 、 制 鞋 \ 虚 拟 视 景 生成 等 都 要 用 到 不 规 
则 曲面 的 拟 合 和 生成 技术 。 这 些 问 题 的 覆盖 域 要 宽广 得 多 ,求解 的 技术 难度 也 更 大 。 由 于 
自由 曲线 曲面 的 研究 理论 和 方法 有 一 定 的 系统 化 和 独立 性 ,因此 ,又 形成 了 一 门 新 的 学 
科 一 一 计算 机 辅助 几何 设计 (computer aided geometric design,CAGD) ,曲线 曲面 研究 的 结 





果 使 真实 世界 的 形状 具有 统一 的 数学 模型 一 一 非 均匀 有 理 B 样 条 曲线 


曲面 Cnonuniform 


rational B-spline, NURBS)。 关 于 曲线 曲面 详细 的 理论 请 参考 相关 的 书籍 ,本 章 主要 讲述 


曲线 曲面 的 基础 理论 .常用 曲线 曲面 的 表达 方法 以 及 相关 实践 等 。 
8.1 曲线 曲面 基础 知识 


8.1.1 曲线 和 曲面 的 表示 方法 


曲线 曲面 可 以 用 显 式 方程 、 隐 式 方程 和 参数 方程 等 形式 表示 。 
显 式 方程 表示 形式 如 

y= f(z) 
例如 ,直线 方程 > 一 Az 十 ,二 次 曲线 方程 y= 二 ax? 十 bz 十 c 等 。 
隐 式 方程 表示 形式 如 

fz,y) =0 
例如 ,直线 表示 为 az 十 by 十 c 王 0, 圆 表示 为 zx? 十 y= 二 R? 等 。 








显 式 或 隐 式 表示 方法 可 以 非常 直观 地 表示 初等 解析 曲线 曲面 ,曲线 


1 面 的 特性 通过 表 











示 形 式 能 够 清楚 地 表现 出 来 。 但 是 ,对 于 高 等 曲线 曲面 , 显 式 和 隐 式 表示 方法 具有 很 大 的 局 


限 性 。 首 先 ,对 于 高 等 曲线 曲面 ,坐标 之 间 的 关系 不 能 用 简单 的 显 式 或 者 








隐 式 方程 来 表示 ， 


即使 能 够 表示 ,由 于 它们 与 坐标 系 严格 相关 , 当 坐 标 系统 发 生 了 变化 ,那么 函数 关系 也 随 之 
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变化 ; 另外 ,这 种 表示 方法 也 不 便于 计算 机 编程 ,会 出 现 斜 率 为 无 穷 大 的 情形 (如 垂 线 ) , 造 
成 程序 不 稳定 。 
在 几何 造型 系统 中 ,曲线 曲面 常用 参数 形式 表示 ,曲线 曲面 上 任 一 点 的 每 一 个 坐标 分 量 
均 表示 成 给 定 参数 的 函数 。 假 定 用 t 表示 参数 ,平面 曲线 上 任 一 点 了 可 表示 为 
PQ) = [z(i,y(b] 
空间 曲线 上 任 一 三 维 点 已 可 表示 为 
PG) = Lt) ry) 
例如 ,直线 段 参数 方程 
P= Pi+tB CO— PN 
其 中 ,Pi 、P; 为 直线 两 个 端点 ,:E [0,1]。 
参数 表示 具有 如 下 优点 : 
(1) 可 以 满足 几何 不 变性 的 要 求 , 和 坐标 系 无 关 ; 
(2) 有 更 大 的 自由 度 来 控制 曲线 、 曲 面 的 形状 ; 
(3) 对 曲线 ,曲面 进行 变换 ,可 对 其 参数 方程 直接 进行 几何 变换 ; 
(4) 便于 处 理 斜率 为 无 穷 大 的 情形 ,不 会 因此 而 中 断 计 算 ; 
(5) 便于 用 户 把 低 维 空间 中 的 曲线 .曲面 扩展 到 高 维 空间 去 ; 
(6) 规格 化 的 参数 变量 上 EL0,1], 使 其 相应 的 几何 分 量 是 有 界 的 ,而 不 必用 另外 的 参数 
去 定义 边界 ; 
(7) 易于 用 矢量 和 和 矩阵 表示 几何 分 量 ,简化 计算 。 


8.1.2 连续 性 、 样 条 及 曲线 曲面 构造 方式 


假定 参数 曲线 段 P; 以 参数 形式 进行 描述 : 
pi = pi(t), t€ Ltn,ta) 

0 阶 参数 连续 性 一 一 若 两 个 相 邻 的 曲线 段 在 首 末 点 相连 接 , 即 pi; (ta) 二 pary (torvo)， 
则 称 两 个 曲线 段 C" 连续 , 记 为 0 阶 参 数 连续 ,如 图 8. 1-1(a) 所 示 。 

1 阶 参数 连续 性 一 一 若 两 个 相 邻 曲线 段 在 相交 点 处 有 相同 的 一 阶 导 数 , 即 pi (tn) 二 
parp (tertbo) ,bia) 一 brb(taroo), 则 称 两 曲线 段 C: 连续 , 记 为 1 阶 参数 连续 ,如 
图 8.1-1(b) 所 示 。 

2 阶 参 数 连续 性 一 一 若 两 个 相 邻 曲线 段 的 方程 在 相交 点 处 具有 相同 的 一 阶 和 二 阶 导 
数 , 则 称 两 曲线 段 C* 连续 , 记 为 2 阶 参数 连续 ,如 图 8. 1-1(c) 所 示 。 

从 图 8. 1-1 可 以 看 出 , 当 组 合 的 相 邻 曲线 达到 2 阶 连 续 时 ,曲线 段 之 间 已 经 具有 了 非常 
好 的 光滑 连接 。 


(a) 0 阶 连 续 (b) ! 阶 连续 (0) 2 阶 连续 
图 8.1-1 曲线 连续 性 
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样 条 概念 源 于 生产 实践 。“ 样 条 ”是 绘制 曲线 的 一 种 绘图 工具 ,是 富有 弹性 的 细 长 条 。 
绘图 时 用 压 铁 使 样 条 通过 指定 的 形 值 点 ( 样 点 ) ,并 调整 样 条 使 它 具 有 满意 的 形状 ,然后 沿 样 
条 画 出 曲线 。 样 条 曲线 是 指 由 多 项 式 曲 线段 连接 而 成 的 曲线 ,在 每 段 的 边界 处 满足 特定 的 
连续 条 件 。 样 条 曲面 则 可 以 用 两 组 正 交 样 条 曲线 来 描述 。 

用 数学 方法 构造 自由 曲线 和 曲面 有 三 种 方式 。 

(1) 插值 : 用 光滑 的 曲线 或 曲面 把 给 定 的 若干 个 离散 点 连接 起 来 , 即 由 型 值 点 构造 的 
曲线 或 曲面 通过 所 有 的 型 值 点 ,如 图 8. 1-2(a) 所 示 。 

(2) 拟 合 : 仅 要 求 比 较 贴近 给 定 的 型 值 点 来 构造 曲线 ,并 不 要 求 曲 线 通 过 全 部 给 定 的 
型 值 点 ,如 图 8. 1-2(b) 所 示 。 

(3) 逼近 : 先 给 定 由 若干 个 型 值 点 勾画 的 一 条 折线 轮廓 ,然后 要 求 用 曲线 .曲面 逼近 这 
个 折线 轮廓 ,这 一 折线 轮廓 构成 的 多 边 形 称 为 控制 多 边 形 ,如 图 8. 1-2(c) 所 示 。 
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(a) 手 值 (b) 拟 合 (中 通 近 
图 8.1-2 三 种 曲线 曲面 构造 方式 


插值 曲线 具有 计算 简单 可 靠 等 优点 , 常 作为 飞机 、 船 舶 .汽车 外 形 的 数学 放样 工具 。 但 
在 外 形 的 设计 中 ,初始 给 出 的 特征 点 往往 不 是 精确 的 数据 点 ,当然 也 不 要 求 对 这 些 本 来 很 粗 
糙 的 特征 点 进行 精确 的 插值 ,而 且 作为 外 形 设计 工具 来 说 , 样 条 插值 曲线 还 缺乏 灵活 性 和 直 
观 性 ,不 够 方便 。 

通常 的 设计 方法 往往 是 一 个 交互 式 的 过 程 , 即 设计 人 员 根 据 基 本 的 设计 要 求 及 原始 型 
值 点 进行 初步 设计 ,然后 逐次 把 所 得 到 的 结果 和 设计 要 求 进行 对 比 , 找 出 不 足 之 处 ,加 以 改 
进 ,最 终 达到 满意 的 结果 。 

目前 ,在 曲线 .曲面 形状 设计 中 ,较为 成 功 的 方法 是 所 谓 控 制 点 造型 法 。 其 中 最 重要 而 
又 有 代表 性 的 曲线 曲面 生成 方法 是 Bezier 曲线 曲面 .B 样 条 曲线 曲面 .NURBS 表示 法 等 。 


8.2 Btkzier 曲线 曲面 


8.2.1 Btzier 曲线 定义 


法 国 雷 诺 汽 车 公司 的 工程 师 Bezier 在 20 世纪 60 年 代 开 始 研究 在 “逼近 ?意义 上 的 曲线 
曲面 的 参数 表示 法 ,这 种 自由 曲线 曲面 的 设计 方法 被 称 为 Btzier 方法 。Bezier 方法 是 一 种 
只 用 一 组 控制 点 就 可 以 确定 曲线 曲面 形状 的 方法 ,该 方法 直观 性 很 强 , 并 将 函数 珊 近 同 几何 
表示 结合 起 来 ,使 得 设计 师 在 计算 机 上 就 像 使 用 作 图 工具 一 样 得 心 应 手 。Bezier 曲线 有 如 
下 特点 : 一 是 只 需 给 出 数据 点 就 可 以 构造 曲线 ,不 要 求 给 出 导数 ; 二 是 Bezier 曲线 的 阶 次 
严格 依赖 于 确定 该 段 曲线 的 数据 点 个 数 ,因而 不 同 的 段 可 以 是 不 同 次 的 曲线 ; 三 是 Bezier 
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曲线 虽 不 完全 通过 给 定 的 数据 点 ,但 这 些 点 控制 着 曲线 的 形状 ,曲线 与 数据 点 构成 的 折线 间 
有 着 直观 的 形状 对 应 关系 。 
通过 ?十 1 个 顶点 定义 的 Bezier 曲线 的 n 次 多 项 式 参 数 方 程 为 


Py = SB 0 0 
式 中 ,p; 为 各 顶点 的 位 置 矢量 ; Bi,, (7) 为 伯 恩 斯 坦 (Bernstein) 基 函数 , 它 决定 了 在 不 同 t 值 
下 各 顶点 位 置 矢量 对 整 段 曲线 所 起 作用 的 大 小 。Bi,,(z) 表 示 为 


! 本 
BlD = Ton (一 及 人， 一 01)2， 和 


注意 ; 当 i=0 时 ,t=0,0"=1,0!=1。 
顺序 连接 各 顶点 构成 一 个 开口 多 边 形 , 此 多 边 形 也 称 为 控制 多 边 形 或 者 特征 多 边 形 。 
图 8.2-1 所 示 为 三 次 Bézier 曲线 以 及 对 应 的 控制 多 边 形 。 


mn D3 
A p22 We 
po py 


PP 











图 8.2-1 三 次 Bézier 曲线 以 及 控制 多 边 形 


8.2.2 Beézier 曲线 的 性 质 


性 质 一 ,Bezier 曲线 的 端点 性 质 。 由 Bezier 曲线 的 定义 可 得 


nl 
01(n—0)! 








P(0) = >)p:Bi.,(0) »0° 。(1—0)"po = po 
气 








2 ! 
P(1) = 2)piBin ll) < .1 (1—1)" "ps, 一 加 
党 


nl(n—n)! 


由 此 可 见 ,曲线 通过 控制 多 边 形 的 起 点 和 终点 。 对 P(W) 求 导 , 因 为 

















/ nl pil ni yi ni—l 
Bratt) ee 1 一 识 {一动 六 姓 一 改 | 
(n—1)! Fe wd | i n—i—l 
[aor HO" nr do] 
=n[Bii1(t) — Bi Ct)] 
则 
P02) = 7 [Ba t(D = Bi (NE 
i=0 
整理 可 得 











t=0,P'(0)=n(pi—po); t=1,P(l)=n(p,— pi) 
这 说 明 ,曲线 在 起 点 处 与 控制 多 边 形 的 第 一 边 相 切 , 在 终点 处 与 控制 多 边 形 的 最 后 一 边 
相 切 。 
性 质 二 ,对 称 性 。 若 保持 某 Bézier 曲线 特征 多 边 形 各 顶点 位 置 不 变 , 而 将 它们 的 顺序 
全 部 丰 倒 过 来 , 则 所 得 的 新 曲线 与 原 曲 线 相同 ,但 走向 相反 。 此 性 质 由 基 函 数 可 以 导出 : 
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nl # 证 
B;., (1t) Na Ki 一 动 = 


这 说 明 如 果 型 值 点 的 位 置 不 变 ,但 完全 颠倒 它们 的 顺序 , 即 p>p,-i, 此 时 te1 一 t, 曲 线 仍 
不 变 , 只 不 过 曲线 的 走向 相反 而 已 ,如 图 8. 2-2 所 示 。 

性 质 三 ,几何 不 变性 与 多 值 性 。 几 何 特 性 不 随 一 定 的 坐标 变换 而 变换 的 性 质 称 为 几何 
不 变性 。 由 Bezier 曲线 的 定义 可 知 ,Bézier 曲线 具有 几何 不 变性 。 曲 线形 状 仅 由 控制 多 边 
形 的 顶点 决定 ,而 与 坐标 系 的 选择 无 关 。 还 可 表示 多 值 形状 ,如 第 一 控制 点 与 最 后 一 个 控制 
点 重合 时 ,曲线 即 是 封闭 的 。 




















图 8.2-2 ”对称 性 图 8.2-3 全 局 性 控制 可 交互 性 


性 质 四 ,全 局 性 控制 (可 交互 性 )。 控 制 多 边 形 各 顶点 大 致 地 勾画 出 Bezier 曲线 的 形 
状 ,要 改变 曲线 的 形状 ,只 要 改变 多 边 形 各 顶点 的 位 置 即 可 。 把 控制 多 边 形 作为 曲线 输入 和 
人 机 交互 的 手段 , 既 直 观 又 简便 ,即使 不 了 解 Bezier 曲线 的 数学 定义 的 人 也 能 得 心 应 手 地 
使 用 ,因此 Bezier 曲线 有 很 好 的 交互 性 能 。 但 是 ,移动 任何 一 个 控制 点 ,都 会 使 整 段 Bezier 
曲线 随 着 变动 。 这 也 是 Bezier 曲线 的 一 个 缺点 ,因为 它 排除 了 对 一 段 Bezier 曲线 作 局 部 修 


改 的 可 能 。 

性 质 五 , 凸 包 性 。 对 区 间 (0,1) 上 的 任 一 : 值 ,点 P(1) 必 落 A 
在 由 特征 多 边 形 顶点 所 张 成 的 凸 包 内 。 即 当 特 征 多 边 形 为 凸 
时 ,Bezier 曲线 也 为 凸 ,Bezier 曲线 的 凸凹 与 特征 多 边 形 相 一 致 ， 图 8.2-4 凸 包 性 


且 在 其 凸 包 范 围 内 ,如 图 8. 2-4 所 示 。 


8.2.3 低 次 Bézier 曲线 及 矩阵 表示 


当 ?2 一 1 时 ,有 起 点 p。 和 终点 pi 两 个 控制 顶点 ,是 一 次 Bezier 曲线 : 


1 
POD = DpiBiald) = (1—Dpotitp 
sh 


上 式 说 明 ,一 次 Bezier 曲线 是 连接 起 点 p。 和 终点 pi 的 一 条 直线 段 。 
一 次 Bezier 曲线 用 矩阵 形式 表示 为 


1 1 
P(D) = [ 可 | 网 
1 ollyp, 
当 n 二 2 时 ,有 三 个 控制 顶点 po 、pi1、p;, 是 二 次 Bezier 曲线 : 
2 
P(D 一 >) 六 Bis(i) = (1—0) po 2t1— Dp tt ps 
ET 


= (£2 二 Dpot(— 22 二 20) pi + ps 
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二 次 Bezier 曲线 是 一 条 抛物 线 ,加 和 ps 是 抛物 线 的 两 个 端点 。 
二 次 Bezier 曲线 写成 矩阵 形式 为 


TI 一 各 十 疾 
Poy = 路- 多 路 | 
1 0 0JLzpz 
当 7=3 时 , 则 得 三 次 Bezier 曲线 : 


3 
了 (t) = > AB, = poBo,3(t) 十 piBi,s (2) 十 pz Bs,s 2) 十 ps,s Bs,s (1) 


i=0 











ts 3 3! 车 
po Di3T 一 动 " 二 的 ar Ve ee 
3 yr Ne 
p: 31 ot (1—D)™++ps 503 二 3 (1 一 办 


一 (1 一 轨 加 十 3:(1 一 站 ?为 十 3 玫 (1 一 切 十 大 加 
二 (一 寿 十 3t2 一 3t 十 1)po 十 (38 一 6 引 十 32D)Pi 十 (一 3 十 322)ps 十 ps 
三 次 Bezier 曲线 用 和 矩阵 表示 为 
| 可 一 入 Li 
P= 六 1 ee di | 
—3 3 0 0|| 产 
[| 


8. 2.4 Btkzier 曲线 的 拼接 


Bezier 曲线 方程 的 次 数 随 控制 点 的 增多 而 增高 ,如 九 个 控制 点 对 应 八 次 Bezier 曲线 ,这 
对 曲线 的 分 析 、 计 算 和 稳定 性 都 带 来 问题 。 避 免 高 次 曲线 的 办 法 是 用 多 段 低 次 Bezier 曲线 
拼接 成 整 条 样 条 曲线 。 一 般 情 况 下 C? 连续 的 三 次 曲线 已 相当 理想 ,下 面 以 两 段 三 次 Bezier 
曲线 为 例 分 析 在 连接 处 的 连接 条 件 。 
nl 设 有 两 个 控制 多 边 形 pop1psps 和 goqigqzq3， 要 求 它们 所 决定 
的 两 条 Bezier 曲线 段 在 点 ps( 即 w 点 ) 连 续 。 


当 两 曲线 段 满足 C: 即 1 阶 连续 时 : 
pilgo) P'(1) = 3(ps —p2), Q'(0) = 3(g — go) 
令 Q'(0) 二 gP'(1),g 是 比例 因子 。 在 连接 点 ,一 阶 导 矢 连 
四 续 , 即 
. qi—g = g(ps— p:) 
gn 这 就 要 求 ps ,ps(go) ,qi 共 线 , 且 gt 和 ps 在 ps(go) 两 侧 。 
8.2-5 拼接 一 次 连续 当 两 曲线 段 满足 C? 连续 即 2 阶 连续 时 : 


P(1)=6(ps—2ps+tp), (0) = 6(go — 2g + gs) 
Q0)=P(1), 即 

ps—2pz+tpi = go — 2q tq 
由 于 一 阶 连续 ,qi 一 go 一 g(ps 一 p2); 则 gs 一 gi 二 pi 一 pz 十 (1 十 g) (ps 一 p2) ,表明 gq;、q 
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在 pi1、ps、ps 所 决定 的 平面 上 , 故 
gz 一 力 一 pq +2(g—p) = 2(g— p2) 
即 gzpi 与 oz 平行 , 且 长 度 是 它 的 两 倍 。 











8.2.5 Bezier 曲线 的 递 推 生成 算法 


计算 Bezier 曲线 上 的 点 除了 利用 Bezier 曲线 方程 外 ,还 可 以 使 用 de Casteljau 提出 的 
由 ?2 十 1 个 控制 点 pi(i 二 0,1,2,…,n) 定 义 的 nn 次 Bezier 曲线 却 , 可 分 别 由 前 、 后 个 
控制 点 定义 的 两 条 n 一 1 次 Bezier 曲线 p37! 与 p? ! 的 线性 组 合 实现 : 
p= (Dp +ipr!, t€ [0,1] 
由 此 得 到 Bezier 曲线 的 递 推 计算 公式 


(pi, k=0 
让 大 
式 中 ,p; 是 定义 Bezier 曲线 的 控制 点 , p3 为 曲线 P(1) 上 具有 参数 1 的 点 。 这 就 是 de 


Casteljau 算法 ,在 给 定 参 数 下 ,用 这 一 递 推 公式 求 Bezier 曲线 上 一 点 P(7) 非 常 有 效 。de 
Casteljau 算法 稳定 可 靠 , 直 观 简 便 ,可 以 编 出 十 分 简捷 的 程序 ,是 计算 Bezier 曲线 的 基本 算 
法 和 标准 算法 。 

这 一 算法 也 可 用 简单 的 几何 作 图 来 实现 ,给 定 参数 :€ ps 
[0,1], 就 把 定义 域 分 成 长 度 为 上 和 1 一 上 的 两 段 。 依 次 对 原 
始 控制 多 边 形 每 一 边 执行 同样 的 定 比分 割 ,所 得 分 点 就 是 由 由 
第 一 级 递 推 生成 的 中 间 顶 点 p!1 (i 二 0,1,2,…,n 一 1) ,对 这 些 po 
中 间 项 点 构成 的 控制 多 边 形 再 执行 同样 的 定 比分 割 , 得 第 二 一 一 一 一 一 
级 中 间 顶 点 如 (一 0,1,2,…,7 一 2)。 重 复 进 行 下 去 ,直到 7 
级 递 推 得 到 一 个 中 间 顶 点 p3, 即 为 所 求 曲线 上 的 点 P(1)。 








mR m=P(/3) 


8.2-6 Btzier 曲线 递 推 法 


几何 
如 图 8.2-6 所 示 ,t 一 1/3 时 ,利用 同样 的 参数 上 值 , 依 次 作出 
一 次 Bezier 曲线 的 对 应 点 p3 、pi、p ,再 根据 一 次 Bezier 曲线 
点 ,作出 二 次 Bezier 曲线 点 Pp 、pi , 同 理 ,根据 二 次 Bezier 曲线 点 ,得 到 三 次 Bezier 曲线 的 对 


应 点 名 。 
8.2.6 Beézier 曲面 


设 py (i 二 0,1,2,…… nsj 二 0,1,2,… ,12) 为 (十 1) XX (4m 十 1]) 个 空间 点 列 , 则 mxXn 次 
Bezier 曲面 定义 为 
Plusw) = >) DBis GB wps, OZ<u<1l,0<w<l 


i=0 j=0 
其 中 
Bt = tS Bn 
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是 伯 因 斯坦 基 函数 。 依 次 用 线段 连接 点 列 ps 中 的 相 邻 两 
点 形成 的 空间 网 格 称 为 特征 网 格 。 图 8. 2-7 所 示 为 一 个 
2X2 次 Bezier 曲面 以 及 对 应 的 特征 网 格 。 

Bezier 曲面 也 有 和 Bézier 曲线 类 似 的 端点 性 质 、 凸 包 
性 、 几 何不 变性 等 特性 , 除 此 之 外 ,还 有 边界 线性 质 、 端 
点 切 平面 以 及 端点 法 向 等 性 质 。Bezier 曲面 片 拼接 时 ， 
为 了 达到 连续 性 也 需要 满足 相关 的 条 件 。 此 处 不 再 
效 述 。 





图 8.2-7 ”Btzier 曲面 及 特征 网 络 


8.3 B 样 条 曲线 曲面 


8.3.1 B 样 条 的 一 般 定义 


Bezier 曲线 虽然 有 许多 优点 ,但 也 有 明显 的 不 足 之 处 ,主要 有 : 一 是 缺乏 局 部 修改 的 能 
力 ,移动 一 个 项 点 的 位 置 将 会 影响 整 条 曲线 的 形状 ; 二 是 曲线 的 次 数 受 多 边 形 点 数 的 限制 ， 
对 Bezier 曲线 曲面 的 拼接 要 达到 二 阶 连续 还 需 附 加 一 些 条 件 , 比 较 复 杂 。 

为 克服 上 述 缺 点 ,专家 学 者 们 在 研究 Bezier 方法 的 基础 上 构造 了 B 样 条 曲线 ,在 保留 
Bezier 方法 优点 的 同时 ,克服 了 Bézier 方法 的 弱点 。B 样 条 曲线 是 分 段 连续 的 多 项 式 曲 线 ， 
曲线 的 次 数 与 控制 点 的 个 数 无 关 , 控 制 点 只 影响 曲线 的 局 部 性 质 ,B 样 条 曲线 表示 中 由 B 样 
条 基 函 数 代替 Bezier 曲线 中 的 Bernstein 基 函 数 。 

给 定 mx 十 n 十 1 个 顶点 户 (i 一 0,1, ,27 十 2) ,定义 m 十 1 段 n 次 的 参数 曲线 为 


Pn (t) = 2 prs «CE) 
其 中 ,Fi (DD) (k= 二 0,1,2,…,n) 称 为 ) 次 卫 样 条 基 丽 数 ， 0t 三 1, 其 形式 为 
i i 
Fn lt) = 本 之 IGn 人 一 一 让 "Ca 一 有 二 


8.3.2 二 次 和 三 次 B 样 条 曲线 段 


在 实际 应 用 中 ,用 得 最 多 的 是 三 次 B 样 条 曲线 , 它 既 能 保证 曲线 C? 连续 ,而 且 计 算 量 
又 不 太 大 ; 其 次 是 二 次 B 样 条 曲线 。 高 于 三 次 的 B 样 条 曲线 一 般 是 不 用 的 。 
对 于 二 次 B 样 条 曲线 段 ( 此 时 x 一 2) ,首先 计算 B 样 条 基 邱 数 : 


2 
ay 2 2 1y'G 人 十 2 一 和 

















31 31 
= 去 [于 (十 2)2 页 (十 1)2 二 a1* | 
s(t) 一 计 ( 一 2 十 2 十 1) 


Fz,2 (i)= 到 
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代入 B 样 条 曲线 方程 ,得 
B= 5( 22 十 25 十 1)pi+ $e ps 


过 
按 上 的 降 壳 整理 : 
PCD = [Cp —2pr +t pa)e + (~—2po + 2pr)t + (pot pi)] 


写成 矩阵 形式 为 
站 二 这 交 | 
PCD 一 二 [2 |- 2 中 | 
0 


| 1 























当 ;t 一 0 时 ,P(O) 3 (potp); 当 z=1 时 ,P(1) (pitpe). 这 说 明 曲 线段 的 两 


端点 是 控制 多 边 形 首 、 末 边 的 中 点 ,如 图 8. 3-1 所 示 。 
对 曲线 求 导 得 








P’(t)= (t—1)pt (—2t+1)pi+ip: 
当 1==0 时,P'(0)=pi 一 po; 当 1=1 时 ,P' (1)=p; 一 p1。 这 说 明 曲 线段 两 端点 的 切 向 
量 是 控制 多 边 形 的 两 个 边 向 量 ,如 图 8. 3-1 所 示 。 
如 果 闷 十 2 二 2 ,那么 依次 取 三 点 ,例如 popips，, pipsps, pspspr, ,都 可 以 得 到 一 段 
二 次 B 样 条 曲线 段 ,总 和 起 来 就 得 到 多 段 的 二 次 B 样 条 曲线 ,而 且 每 段 之 间 C! 连续 ,如 
图 8. 3-2 所 示 。 











P00) PLD 


Po 
图 8.3-1 二 次 B 样 条 曲线 图 8.3-2 多 段 的 二 次 B 样 条 曲线 


对 于 三 次 B 样 条 曲线 (此 时 一 3) ,首先 计算 B 样 条 基 函 数 : 











3 
Fos bt)= 训 D1)G (十 3 一 放 : 一 下 (一 2 十 3 一 3 十 1) 
Fis(t)= 言 (38 一 6t 十 4) 


Fs,s (t)= 天 | 


F;,s(t) = Be 


代入 BB 样 条 曲线 方程 ,并 整理 得 
PCO) SC( bot 3p1— 3pzt pa) +t (3po — 6pi + 3pz) t+ 











(—3pot3p2)t+ (pot4pit ps)] 
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和 矩阵 表达 式 为 
—] 3 — Ii 
亲 二 元 3 褒 
BO =—L18 | 而 
6 —3 0 3 0 号 
1 4 1 0J|lps 
当 z=0 时， 
Po) 一 再 ( 记 十 局 十 记 ) 一 于 (鱼翅 生生 
#1 二 1 时 ， 














P(1) = 言 (pi 7 于 (所 二 各) 
这 说 明 三 次 B 样 条 曲线 的 起 点 P(0) 落 在 信 popip: 的 中 线 pip? 上 , 离 pi 1/3 处 ,终点 也 
(1) 落 在 人 pipzps 的 中 线 psp2 上 , 离 ps 1/3 处 。 

对 三 次 B 样 条 曲线 求 导 得 


PR SC3( po 3p1— 3pzt ps)t + 


2(3po — 6pi +3pz)t+t (—3po t+ 3pz)] 


2 
也 








当 1=0 时 ,PC0)= 序 (ps 一 po); 当 1=1 时 ,PD 二 六 (ps 一 )。 这 说 明 三 次 B 样 条 


曲线 段 始 点 处 的 切 向 量 P'(0) 平 行 于 人 po pps 的 底 边 pops ,其 长 度 为 底 边 长 的 一 半 。 终 点 
处 的 切 向 量 P'(1) 平 行 于 人 pipsps 的 底 边 pips, 其 长 度 为 它 的 一 半 。 
对 三 次 B 样 条 曲线 求 二 次 导数 得 
RD = [6(— po + 3p1 — 3ps + ps)t+2(3po — 6p + 3p:)] 











当 t=0 时 ,PY(0)= (ps 一 Pi)+ (po—pi); 当 t=1,P (1)= (ps—p:)+ (pi—p:)。 
这 说 明 三 次 B 样 条 曲线 段 始 点 处 的 二 阶 导向 量 P(0) 等 于 中 线 向 量 pip? 的 两 们 ,终点 处 
的 二 阶 导向 量 PC1) 为 中 线 向 量 psp2 的 两 倍 ,如 图 8. 3-3 所 示 。 


网 P'OO) 





P'(1) 
P"(0) ps 
图 8.3-3 三 次 B 样 条 曲线 图 8.3-4 多 段 三 次 B 样 条 曲线 自动 连续 
如 果 给 出 了 五 个 控制 顶点 p;(i 二 0,1,2,3,4) ,前 四 个 控制 顶点 (po ,pi , ,ps) 决 定 第 一 


曲线 段 ,而 后 四 个 控制 项 点 (pi 、ps、p;、ps) 决 定 第 二 曲线 段 。 由 于 第 一 曲线 段 终点 信息 (位 
置 一 阶 , 二 阶 导 向 量 ) 和 第 二 曲线 段 始点 信息 (位 置 一 阶 ,二 阶 导 向 量 ) 都 仅 与 人 pipsps 有 
关 , 且 都 分 别 相等 ,这 样 前 后 两 个 线段 在 连接 点 处 自动 二 阶 连续 。 这 说 明 三 次 B 样 条 曲线 的 二 
阶 连续 性 可 以 直接 得 到 保证 ,而 不 必 进 行 附加 处 理 , 因 而 在 使 用 中 非常 方便 ,如 图 8. 3-4 所 示 。 


第 8 章 曲线 曲面 ”| 239 


8.3.3 双 三 次 B 样 条 曲面 


将 B 样 条 曲线 段 拓 广 为 B 样 条 曲面 块 ,其 数学 表达 式 为 
Plu,w) = bp DFisGFswps, 0<u<1l,0<w<l 


10 j= 
其 矩阵 表达 式 为 
Plusw) 一 UMaPME WT 


其 中 
= 3 一 浊 晶 | 各 一 烤 让 
和 3 = 次 3 办 1 3 一重 0 4 
JW 和 
1 4 1 1 0 0 0 
wi bo po po pos 
wr=|™ = bo pu pz ps Ee 
w bzo pa pz pz 
1 bs pa ps pss 
P 是 由 各 顶点 pj; 组 成 的 矩阵 ,依次 用 线段 连接 pi 中 的 po po 
相 邻 两 顶点 构成 的 空间 网 格 , 称 为 B 特征 网 格 ,B 特征 网 格 


所 决定 的 也 样 条 曲面 块 一 般 情 况 下 不 通过 B 特征 网 格 的 任 
意 一 个 项 点。 特征 网 格 及 双 三 次 B 样 条 曲面 如 图 8. 3-5 
所 示 。 

和 B 样 条 曲线 一 样 , 双 三 次 B 样 条 曲面 的 优点 是 ,自然 
地 解决 了 曲面 片 之 间 的 C* 连续 连接 问题 ,所 以 双 三 次 B 样 
条 曲面 很 适合 于 进行 外 形 设计 。 但 是 ,由 于 双 三 次 B 样 条 曲 图 8.3-5 双 三 次 B 样 条 曲面 
面 片 一 般 情况 下 不 通过 B 特征 网 格 的 任意 一 个 顶点 ,因此 B 
样 条 曲面 不 便于 插值 。 


8.3.4 B 样 条 递 推定 义 





B 样 条 除了 一 般 定 义 外 ,还 有 de Boor-Cox 递 推定 义 。de Boor-Cox 递 推定 义 对 B 样 条 
曲线 不 再 按 分 段 来 划分 控制 顶点 ,参数 上 也 不 再 在 每 一 分 段 曲 线 上 定义 参数 区 间 ,而 是 在 整 
个 控制 顶点 序列 中 定义 节点 矢量 。 

B 样 条 曲线 方程 定义 为 PCD) 二 六 久 Nes(D)， 其 中 , 户 人 一 0,1,2,…. ,四 是 控制 多 边 形 
的 顶点 ,Ni (ft) (k= 二 0,1,2,…,n) 称 为 m 阶 (m 一 1 次 )B 样 条 基 函 数 ,对 于 参数 1 不 再 局 限 
于 [0,1] 区 间 , 而 是 用 一 个 节点 矢量 了 来 表示 ,其 中 的 节点 值 是 非 递 减 序列 。n 十 1 个 控制 顶 
点 和 m 阶 BB 样 条 节点 矢量 为 


T= (mo dd Sn) 
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这 时 ,B 样 条 基 函 数 可 以 用 如 下 的 递 推 公式 表示 : 
ls 和 Ra 
Naea(Ct) = 
0， 其 他 
tt | tm—t 
Ni.n (2D) = em (2)+ i Nitim-1 (1) 
并 约定 ==0。 


该 递 推 公式 表明 : 欲 确定 第 个 m 阶 B 样 条 Nen(i ,需要 用 到 ,ty ,… oti+m 共 澡 十 
1 个 节点 , 称 区 间 [tytitm] 为 Ns.n() 的 支承 区 间 , 因 此 ,B 样 条 的 基 函 数 是 一 个 分 段 函 数 。 
在 区 间 [t,tm] ,Nim(t) 隆 0, 在 其 他 区 间 Ni (zt) 二 0, 这 个 特性 称 为 局 部 性 。B 样 条 的 局 
部 性 对 曲线 曲面 的 设计 有 两 方面 的 影响 : 一 是 第 & 段 曲线 段 在 两 个 相 邻 节点 值 [ti ,tn ] 上 
仅 由 产 个 控制 点 控制 , 若 要 修改 该 段 曲 线 , 仅 修改 这 mm 个 控制 点 即 可 ; 二 是 修改 控制 顶点 
pr 对 B 样 条 曲线 的 影响 是 局 部 的 。 对 于 均匀 m 次 B 样 条 曲线 ,调整 一 个 顶点 ps 的 位 置 只 
影响 忆 样 条 曲线 在 区 间 [ti ,t+ ] 的 部 分 , 即 最 多 只 影响 与 该 项 点 有 关 的 mw 段 曲 线 。 所 以 ， 
局 部 性 质 是 B 样 条 曲线 最 具 魅 力 的 性 质 。 


8.3.5 B 样 条 曲线 的 类 型 


B 样 条 曲线 按 其 节点 矢量 中 节点 的 分 布 情况 可 划分 为 四 种 类 型 : 均匀 也 样 条 曲线 、 准 
名 B 样 条 曲线 ,分 段 Bezier 曲线 和 非 均匀 B 样 条 曲线 。 

1. 均匀 B 样 条 曲线 

节点 矢量 中 节点 为 沿 参数 1 轴 均 匀 或 等 距 分 布 ,所 有 节点 区 间 长 度 为 常数 ,这 样 的 节点 
矢量 定义 了 均匀 B 样 条 基 。 比 如 : T=( 一 2, 一 1.5, 一 1; 一 0.5;0;0.5,1,1.5;2),T==(0;1，, 
2,3,4,5,6,7), 它 为 如 图 8.3-6 所 示 的 三 次 均匀 B 样 条 曲线 。 

2. 准 均 匀 B 样 条 曲线 

它 与 均匀 B 样 条 曲线 的 差别 在 于 两 端 节点 具有 重复 度 mm, 这 样 的 节点 矢量 定义 了 准 均 
名 的 BB 样 条 基 。 均 匀 B 样 条 曲线 没有 保留 Bezier 曲线 端点 的 几何 性 质 , 即 样 条 曲线 的 首 末 
端点 不 再 是 控制 多 边 形 的 首 末 端点 。 采 用 准 均匀 的 B 样 条 曲线 解决 了 这 个 问题 ,如 图 8. 3-7 


” ~ 一 一 


图 8.3-6 均匀 B 样 条 曲线 图 8.3-7 准 均 匀 B 样 条 曲线 


3. 分 段 Bézier 曲线 

节点 矢量 中 两 端 节点 具有 重复 度 ,所 有 内 节点 的 重复 度 为 m 一 1, 这 样 的 节点 矢量 定 
义 了 分 段 的 Bernstein 基 。B 样 条 曲线 用 分 段 Bezier 曲线 表示 后 ,各 曲线 段 就 具有 了 相对 的 
独立 性 ,移动 曲线 段 内 的 一 个 控制 顶点 只 影响 该 曲线 段 的 形状 ,对 其 他 曲线 段 的 形状 没有 影 
响 。 并 且 Bezier 曲线 一 整套 简单 有 效 的 算法 都 可 以 原封 不 动 地 采用 。 其 缺点 是 增加 了 定 
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义 曲 线 的 数据 控制 顶点 数 及 节点 数 。 分 段 Bezier 曲线 的 实例 如 图 8. 3-8 所 示 。 


4 非 均匀 日 样 条 曲线 
在 这 种 类 型 中 ,任意 分 布 的 节点 矢量 工 = (46,4，…， AL 
1 要 在 数学 上 成 立 ( 节 


点 序列 非 递 减 ,两 端 节点 重复 度 三 上 ,内 节点 重复 度 三 k 一 1) 图 8.3-8 三 次 分 段 Btzier 曲线 
都 可 选取 。 这 样 的 节点 矢量 定义 了 非 均 匀 B 样 条 基 。 


8.3.6 反 求 B 样 条 曲线 控制 点 


用 分 段 三 次 B 样 条 曲线 来 拟 合 ,根据 端点 性 质 ,其 上 型 值 点 w 和 控制 点 p; 的 位 置 矢量 
之 间 有 以 下 关系 : 











g; BCpe H+ 4pi+pin), i 1s295e an 


假定 需求 首 末 两 点 过 gt 和 g, 的 准 均 匀 的 BB 样 条 曲线 , 则 pi 二 gi,p, 二 9,。 于 是 求解 控 
制 顶点 Pi(i 二 2,3,…,n 一 1) 的 线性 方程 组 为 








4 oo dO f 0 ov ps 6q — qi | 

下 站 次 6gs 

CO Eb 0 

和 0 0 0 

0 0 0 0 0 而 

最 入 >» 多 3 

ov 1 w 1s 6gn-2 

vt HO 6 0 1 ps 6q CO— q | 
补充 两 个 边界 条 件 为 





po=pi=q, pth Pntz 一 qn 





8.3.7 B 样 条 曲线 绘制 


在 应 用 程序 中 绘制 曲线 时 ,一 种 比较 简单 的 方法 是 利用 鼠标 拾取 一 系列 控制 顶点 ,然后 
根据 B 样 条 的 一 般 定义 ,计算 B 样 条 曲线 上 的 点 并 连 线 即 可 。 首 先 , 要 建立 B 样 条 曲线 的 
数据 结构 ,B 样 条 曲线 的 结构 类 可 简单 创建 为 ( 放 在 程序 的 BasicClass.h 文件 中 ): 





class CBSplineCurve{ 


public: 
CArray < CVector, CVector > m_Array_Vector; // 控 制 顶点 
CArray < CPoint, CPoint > m_Array Point; // 原 始 控制 多 边 形 顶点 


CBSplineCurve& operator = (const CBSplineCurve &BSplineCurve){ 
if(this == &BSplineCurve) 
return *this; 
else{ 
m Array Vector. RemoveAll(); 
m Array_ Vector. Append(BSplineCurve.m Array Vector); 
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m Array Point.RemoveAll(); 
m Array Point. Append(BSplineCurve.m Array Point); 
//Degree_Num = BSplineCurve. Degree_Num; 
return *this; 
} 
} 
CBSplineCurve( ){}; 
CBSplineCurve( const CBSplineCurve &BSplineCurve){ 
m Array_Vector. Append(BSplineCurve.m Array Vector); 
m Array_Point. Append(BSplineCurve.m Array_Point); 
}; 
void Reset(){ // 格 式 化 B 样 条 
m Array _ Vector. RemoveAll(); 
m Array Point. RemoveAll(); 
} 
bool operator == (CBSplineCurve &BSplineCurve){ 
if(this == &BSplineCurve) return true; 
else 
if(this—>m Array Vector. GetSize() == BSplineCurve.m Array_ Vector. GetSize()){ 
for(int i=0;i<this—->m Array_ Vector.GetSize();i++){ 
if((this—>m Array Vector.GetAt(i) == BSplineCurve.m Array Vector.GetAt(i)) == false) 
return false; 
} 
return true; 
} 
else 
return false; 


}; 
在 CGTest002View. h 头 文件 中 添加 B 样 条 曲线 变量 以 及 交互 操作 所 需 的 其 他 相关 


CArray < CBSpl ineCurve, CBSplineCurve > m_BSplineCurve_Array; //B 样 条 曲线 集合 


CBSpl ineCurve TmpBSplineCurve; // 临 时 B 样 条 曲线 , 整 条 曲线 还 未 最 后 确定 
CPoint B Pt1,B Pt2; // 交 互 时 所 需 的 点 
int BiStep; // 拾 取 步 又 0: 拾取 第 一 个 点 ,1: 拾取 第 二 个 点 


在 工具 栏 中 设置 绘制 B 样 条 的 工具 条 标识 ID, 并 加 入 其 消息 映射 函数 ,在 该 函数 中 , 设 
置 绘制 B 样 条 的 flag: m_iFlag 王 16, 以 及 拾取 控制 顶点 的 步骤 : BiStep 二 0。 然 后 ,用 鼠标 
在 显示 屏幕 上 拾取 控制 顶点 ,为 了 方便 观察 ,在 绘制 临时 B 样 条 曲线 的 同时 也 绘制 通过 控 
制 顶 点 的 控制 多 边 形 。 拾 取 控 制 顶点 的 操作 在 OnLButtonDown() 中 实现 : 


void CCGTest002View: :OnLButtonDown(UINT nFlags, CPoint point) { 


…//( 原 有 代码 此 处 省 略 ) 
else if(this—->m iFlag==16){ //m_iFlag = 16 标示 绘制 B 样 条 曲线 ,获取 控制 点 
if(BiStep == 0){ // 步 又 一 , 先 获 取 一 个 点 
this 一 >B_Ptl =this 一 >B_Pt2 = point; 
CVector Vt; // 把 拾取 赋 给 Vt 


Vt.v_ x= point.x; 
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Vt.v y= point.y; 


Vt.v z=0; 
TmpBSplineCurve. m_Array Vector. Add(Vt); // 插 入 临时 B 样 条 点 集合 中 
TmpBSplineCurve. m Array Point. Add(point); 
BiStep= 1; 
} 
else if(BiStep ==1){ // 拾 取 第 二 个 点 ,并 生成 控制 多 边 形 直线 


CDC * pDC = GetDC() ; 

DrawLine(pDC, this ~ > B_Pt1, point); 
ReleaseDC( pDC); 

CVector Vt; 

Vt.v x= point. x; 

Vt.v_y= point. y; 

Vt.v z=0; 

TmpBSplineCurve. m Array Vector. Add(Vt); // 插 入 临时 B 样 条 点 集合 中 
TmpBSplineCurve. m_Array_Point. Add(point); 
this 一 >B_Ptl = this 一 > B_Pt2 = point; 
BiStep = 1; 

Invalidate( ); 


. 
在 移动 鼠标 时 ,采用 橡皮 筋 技 术 动 态 绘制 控制 多 边 形 : 


void CCGTest002View: :OnMouseMove(UINT nFlags, CPoint point) { 


.… //( 原 有 代码 此 处 省 略 ) 
else if(this 一 >m_iFlag== 16){ 
if(BiStep ==1){ // 画 线 
CDC * pDC = GetDC(); 
pDC— > SetROP2(R2_NOT); //XORPEN 


DrawLine(pDC,B_Pt1,B Pt2); 
DrawLine( pDC, B_Pt1, point); 
B_Pt2 = point; 

ReleaseDC( pDC); 


有 
当 右 击 时 ,完全 确定 B 样 条 曲线 控制 顶点 : 


void CCGTest002View: :OnRButtonDown(UINT nFlags, CPoint point) { 
… //( 原 有 代码 此 处 省 略 ) 
if(m iFlag==16) { 
// 把 临时 曲线 加 入 B 样 条 曲线 集合 中 ,点 数 超过 3 个 才 加 入 
if(TmpBSplineCurve.m Array Vector. GetSize()> 3) 
m_BSplineCurve_Array. Add( TmpBSplineCurve); 
TmpBSpl ineCurve. Reset (); // 格 式 化 临时 B 样 条 


: 
临时 BB 样 条 曲线 和 最 后 确定 的 BB 样 条 曲线 都 在 OnDraw() 中 调用 的 DrawG() 中 绘制 ， 
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void CCGTest002View: :DrawG(CDC* PDC){ 
…//( 原 有 代码 此 处 省 略 ) 
// 画 曲线 
if(this—>m BSplineCurve Array. GetSize()>0){ // 逐 条 绘制 
CBSplineCurve BCurve; 
for(int i=0;i<m BSplineCurve Array. GetSize();i++){ 
BCurve = m BSplineCurve Array. GetAt(i); 
//if(pick_bcurve == m Picker. picktype&&BCurve == m Picker.m_ BSplineCurve) 
// continue; // 曲 线 被 拾取 时 ,此 处 不 绘制 , 暂 不 使 用 
if(BCurve. m_Array Vector. GetSize()>3) { // 三 次 B 样 条 
DrawBSpl ineCurve( pDC, BCurve.m Array _ Vector,m DrawColor,m LineWidth); 
} 


和 
if(TmpBSplineCurve.m Array Point. GetSize()>1){ // 绘 制 临时 B 样 条 曲线 
// 既 画 控 制 多 边 形 ,也 绘制 曲线 
for(int i=1;i<TmpBSplineCurve.m Array Point.GetSize();i++){ 
DrawLine( pDC, TmpBSpl ineCurve. m Array Point. GetAt(i— 1),TmpBSplineCurve.m Array Point. GetAt(i)); 
} 
// 当 控制 顶点 多 于 4 个 时 , 画 样 条 
if(TmpBSplineCurve.m_Rrray_Vector. GetSize()>3){  // 画 样 条 曲线 
DrawBSplineCurve( pDC, TmpBSplineCurve.m Array_ Vector,m DrawColor,m LineWidth); 


} 


); 
其 中 ,调用 绘制 B 样 条 曲线 的 函数 DrawBSplineCurve() 放 在 BasicGraphl. h 文件 中 : 


/ 尖 尖 关 关 闫 多 认 尖 汪汪 六 关 关 关 关 关 尖 关 关 关 关 关 关 关 关 尖 关 关 关 尖 关 尖 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关头 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 闪闪 关 


DrawBSplineCurve: 绘制 三 次 B 样 条 曲线 
pDC: 显示 器 设备 指针 ; m_Array_Vector: 控制 顶点 ; crColor: 曲线 颜色 ; lineWidth: 线 宽 


美美 闫 闫 美美 闫 美美 美美 美美 美美 美美 美美 美美 美 美美 闫 尖 关 美美 闫 尖 关 关 闫 闫 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 / 
void DrawBSplineCurve (CDC * pDC, CArray < CVector, CVector > &m_Array_Vector, COLORREF 
crColor, int lineWidth= 0){ 


if(m_Array_Vector. GetSize( )<= 3)return; // 控 制 顶点 少 于 4 个 ,不 绘制 
CVector Vt0, Vt1l; 
double t= 0; // 参 数 


// 计 算 第 一 个 曲线 点 
Vt0 = GetBSplineCurvePt (t,m Array_Vector. GetAt (0),m Array_Vector. GetAt (1),m _ Array_ 


Vector. GetAt(2),m Array Vector. GetAt(3)); 


int rate= 100; // 设 置 曲线 分 段 数 为 100 
for(int i=0;i<m Array Vector. GetSize() — 3;i++){ 
for(t=0;t<1;t+=1.0/rate){ // 计 算 第 二 个 曲线 点 


Vt1 = GetBSplineCurvePt(t,m Array Vector. GetAt(i),m Array_ Vector. GetAt(i+1),m Array_ 
Vector. GetAt(i+2),m Array Vector.GetAt(i+3)); 
// 在 屏幕 投影 连 线 
MIDPOINT Line(pDC,CPoint((int)(VtO.v x+0.5), (int)(Vt0.v y+0.5)),CPoint((int) (Vt1. 
v x+0.5), (int) (Vt1.v y+ 0.5)),crColor, lineWidth); 
Vt0 = Vtl; 
} 
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其 中 ,计算 曲线 点 的 函数 代码 为 : 


CVector GetBSp]lineCurvePt(double t, CVector Pt0, CVector Pt1, CVector Pt2, CVector Pt3){ 
double F03, F13, F23, F33; 
CVector Pt; 
F03=(—txtxt+3x*tx*t—-3x*t+1)/6; // 计 算 B 样 条 基 函 数 
Fl3= (3x*txtx*t-6xtx*t+4)/6; 
F23=(-3x*tx#*tx#*t+3x*t#*t+3x*t+1)/6; 
F33=t*tx*xt/6; 
Pt.v x=Pt0.v xx*F03+Ptl.v xx*Fl3+Pt2.v x*F23+Pt3.v_ xx*F33; // 计 算 曲 线 点 的 x 值 
Pt.v y=Pt0.v yx*F03+Ptl.v yx*Fl3+Pt2.v yx*F23+Pt3.v_yx*F33; // 计 算 曲 线 点 的 y 值 
return Pt; 


} 


图 8. 3-9 所 示 为 利用 上 述 代 码 实 现 的 拾取 控制 顶点 绘制 控制 多 边 形 和 三 次 B 样 条 曲线 
的 效果 。 


只 wars-corenoziiiii 
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入 信人 ToD | 口外 全 人 OB 构 仿 | 直 外力 训 | 古 可 是 一心 量 























图 8.3-9 B 样 条 曲线 及 控制 多 边 形 


在 对 曲线 进行 操作 时 ,例如 图 形变 换 等 ,就 需要 使 用 拾取 交互 技术 实现 对 曲线 的 拾取 操 
作 。 首 先 ,在 拾取 的 枚 举 中 加 入 曲线 的 类 型 pick_bcurve: 

enum Picktype { ...,pick_ bcurve}; 

在 拾取 类 中 加 入 B 样 条 曲线 的 变量 : 


class CPicker:CDraw{ 
… //( 原 有 代码 此 处 省 略 ) 
CBSplineCurve m_BSplineCurve; 
}; 


在 鼠标 移动 消息 函数 中 ,增加 判断 鼠标 是 否 拾取 到 B 样 条 曲线 的 代码 : 


void CCGTest002View: :OnMouseMove(UINT nFlags, CPoint point) { 
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ifE(this 一 >m_iFlag== 一 1){ 
… //( 原 有 代码 此 处 省 略 ) 
else if(CheckIsPicked(point, this ->m_BSplineCurve_Rrray,m_Picker0) == true) 
{// 是 否 在 B 样 条 曲线 上 
iflag= 1; 
} 
else 
iflag= 0; 


} 


其 中 ,曲线 拾取 判断 函数 CheckIsPicked() 和 其 他 图 形 拾取 判断 函数 一 样 写 在 
Basicgraphl.h 文件 中 : 


bool CheckIsPicked (CPoint &point, CArray < CBSplineCurve, CBSplineCurve > &m_ BSplineCurve_ 
Array, CPicker &m_Picker) { 
CBSplineCurve BSplineCurve; 
for(int i=0;i<m BSplineCurve_Array. GetSize();i++){ 
BSplineCurve = m BSplineCurve Array. GetAt(i); 
// 逐 条 判断 是 否 在 B 样 条 曲线 上 
if(CheckIsPicked(point, BSplineCurve,m_Picker) == true) 
return true; 
: 
return false; 


k 


由 于 B 样 条 曲线 是 分 段 曲线 ,所 以 ,在 判断 是 否 B 样 条 曲线 时 , 按 分 段 分 别 判 断 ,首先 
对 每 段 曲线 的 控制 多 边 形 构 成 的 包围 盒 进 行 粗 略 判 断 ; 然后 ,判断 屏幕 拾取 点 是 否 在 曲线 
的 投影 点 上 。 代 码 如 下 : 


bool CheckIsPicked(CPoint &point, CBSplineCurve m_BSplineCurve, CPicker &m Picker){ 
for(int i=0;i<m BSplineCurve.m Array Vector.GetSize()— 3;i++){ 
int x1, x2, yl, y2; 
xl = x2=m BSplineCurve.m Array Vector.GetAt(i).v x; 
Y1 = y2=m BSplineCurve.m Array Vector.GetAt(i).v_y; 
for(int k=i;k<i+3;k++){ 
if(xl>m BSplineCurve.m Array_ Vector.GetAt(k).v_x) 
xl =m BSplineCurve.m Array_Vector.GetAt(k).v_x; 
else if(x2<m BSplineCurve.m Array_ Vector.GetAt(k).v_x) 
x2 =m BSplineCurve.m Array Vector.GetAt(k).v x; 





if(yl >m BSplineCurve.m Array Vector. GetAt(k).v_y) 
yl = m_BSplineCurve.m Array_ Vector.GetAt(k).v_y; 
else if(y2<m BSplineCurve.m Array_ Vector.GetAt(k).v_y) 
Yy2=m BSplineCurve.m Array Vector.GetAt(k).v_y; 
// 首 先 判断 是 否 在 控制 多 边 形 构成 的 包围 盒 内 ,如 在 , 则 继续 判断 
if(CheckIsInBox(point, x1, x2, yl, y2) == false) 
continue; 
int rate = 100; // 设 置 曲线 分 段 数 为 100 
CVector Vt; 
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for(double t=0;t<1;t+=1.0/rate){ // 计 算 曲 线 上 的 点 
Vt= GetBSplineCurvePt(t,m_BSplineCurve. m_Array_Vector. GetAt (i),m BSplineCurve.m_Array_ 
Vector. GetAt(i+ 1),m_ BSplineCurve.m_ Array Vector. GetAt (i + 2),m BSplineCurve. m_Array_ 
Vector. GetAt(i+3)); 
// 判 断 鼠 标点 与 曲线 投影 点 的 距离 是 否 在 精度 内 (例如 距离 的 平方 小 于 81) 
if((Vt.v x— point.x) * (Vt.v x— point.x) + (Vt.v_yY- point.y) * (Vt.v_y- point. 


Y)<81){ 
m Picker. picktype = pick_ bcurve; // 拾 取 到 曲线 
m Picker.m BSplineCurve = m BSplineCurve; 
return true; 
} 
} 
} 


return false; 


; 


确定 拾取 曲线 ,在 CopyPicker() 函 数 中 将 拾取 的 样 条 曲线 复制 给 进行 图 形 操 作 的 拾取 
变量 m_Picker, 代 码 如 下 : 
void CopyPicker(CPicker g&m Picker,CPicker &m Picker0){ 
…//( 原 有 代码 此 处 省 略 ,下 面 的 代码 加 在 实体 复制 代码 后 面 ) 
else if(m Picker. picktype == pick_bcurve){ /1/6. 判断 是 否 样 条 


// 复 制 样 条 
m Picker.m BSplineCurve = m Picker0,m BSplineCurve; 


} 
同 理 ,拾取 图 形 的 绘制 函数 DrawPicker 中 也 需 加 入 绘制 拾取 的 BB 样 条 曲线 的 代码 : 


void DrawPicker(CDC * pDC,CPicker &m Picker, COLORREF crColor, double m Matrix_V[][4],CBody_ 
Stretch Body[ ], int bodyNum = 0, int lineWidth= 0, bool hideFlag = false){ 
.…//( 原 有 代码 此 处 省 略 ,下 面 的 代码 加 在 绘制 拾取 的 实体 后 面 ) 

else if(m Picker.picktype == pick_bcurve) /1/7. 绘制 拾取 的 B 样 条 曲线 
DrawBSplineCurve( pDC, m_Picker.m BSplineCurve.m_Array_Vector, crColor, lineWidth); 
有 


由 于 B 样 条 曲线 具有 几何 不 变性 ,因此 ,通过 对 B 样 条 曲线 控制 项 点 进行 图 形变 换 即 
可 实现 对 B 样 条 曲线 的 图 形变 换 。 在 拾取 图 形 的 图 形变 换 函 数 中 加 入 B 样 条 曲线 图 形变 
换 的 相关 代码 : 


void TransforOf 2D Picker(CPicker& m Picker, double m Matrix[ ][3]){ 





…//( 原 有 代码 此 处 省 略 ) 

else if(m Picker.picktype == pick bcurve){ // 对 每 个 控制 顶点 进行 变换 
CArray < CVector, CVector > bcurve; 
CVector Vt; 
CPoint Pt; 


for(int i=0;i<m Picker.m BSplineCurve.m Array Vector.GetSize();i++){ 
Pt.x= (int)(m Picker.m BSplineCurve.m Array Vector.GetAt(i).v x+0.5); 
Pt.y= (int)(m Picker.m BSplineCurve.m Array Vector.GetAt(i).v y+0.5); 
GetNewPoint (Pt,m Matrix); 
Nt PE 
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Vt.v y= Pt.y; 
bcurve. Add( Vt); 
} 
m Picker.m BSplineCurve.m_ Array_Vector. RemoveAll( ); 
m Picker.m_ BSplineCurve.m_ Array_Vector. Append(bcurve); 


8.3.8 曲面 拉 伸 造型 方法 


自由 曲面 造型 是 三 维 图 形 造型 的 一 个 重要 研究 内 容 。 除 了 Bezier 曲面 和 双 三 次 B 样 
条 曲面 生成 方法 外 ,对 曲线 进行 拉 伸 ,扫描 ,旋转 以 及 放样 等 也 可 实现 曲面 造型 ,而 且 这 些 造 
型 方法 能 够 满足 造型 要 求 ,操作 方便 ,所 以 在 工程 上 广泛 使 用 。 

B 样 条 曲面 拉 伸 造型 方法 的 思路 是 : 将 一 平面 B 样 条 曲线 沿 着 和 该 平面 垂直 的 方向 拉 
伸 一 定 的 距离 形成 曲面 。 这 种 拉 伸 曲面 的 特点 是 : 当 与 一 个 和 原始 平面 平行 的 平面 截 交 
时 , 交 线 是 一 个 和 原始 曲线 等 距 的 B 样 条 曲线 。 

B 样 条 拉 伸 曲面 的 数据 结构 可 创建 如 下 : 


class CBSplineSurf Stretch{ 


public: 
CBSplineCurve BSplineCurve0, BSplineCurvel; // 拉 伸 的 B 样 条 曲线 及 拉 伸 后 的 曲线 
double Length; // 拉 伸 长 度 
CBSplineSurf_Stretch(){ 


Length = 0; 
}; 
~CBSplineSurf_Stretch(){}; 
CBSplineSurf_Stretch(const CBSplineSurf_ Stretch &BSplineSurfOfStretch){ 
BSplineCurve0 = BSplineSurfOfStretch. BSplineCurve0; 
BSplineCurvel = BSplineSurfOfStretch. BSplineCurvel; 
Length = BSplineSurfOfStretch. Length; 
}; 
CBSplineSurf_Stretch& operator = (const CBSplineSurf Stretch &BSplineSurfOfStretch){ 
if(this == &BSplineSurfOfStretch) 
return *this; 
else{ 
BSplineCurve0 = BSplineSurfOfStretch. BSplineCurve0; 
BSplineCurvel = BSplineSurfOfStretch. BSplineCurvel; 
Length = BSplineSurfOfStretch. Length; 
return *this; 
} 
} 
bool operator == (CBSplineSurf_ Stretch &BSplineSurfOfStretch){ 
if(this == &BSplineSurfOfStretch) return true; 
else 
{// 根 据 拉 伸 长 度 值 以 及 初始 控制 多 边 形 来 判断 两 个 曲面 是 否 相同 
if(this—> Length!= BSplineSurfOfStretch. Length)return false; 
for(int i=0;i<BSplineSurfOfStretch. BSplineCurve0.m Array Point.GetSize();i+t+) 
if(BSplineSurfOfStretch. BSplineCurve0. m_Array_Point. GetAt (i)!= this - > BSplineCurve0.m 
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Array_Point. GetAt(i)) 
return false; 
return true; 
} 
} 
void Reset(){ // 格 式 化 
Length= 0; 
}; 
}; 


在 程序 中 创建 拉 伸 曲面 时 ,首先 在 CGTest002View. h 头 文件 中 添加 曲面 变量 以 及 交 
互 操作 所 需 的 其 他 相关 变量 : 


CArray < CBSplineSurf_Stretch, CBSplineSurf_Stretch> m_BSplineSurf_Stretch_Rrray; 


// 曲 面 集 合 变量 
CBSplineSurf_Stretch m BSurf Tmp; // 临 时 B 样 条 曲面 
CBSurf_StretchDlg x*m BSurf_ StretchDlg; // 曲 面 拉 伸 对 话 框 
void CreateTmpStretchBSurf(double& m dblLength); // 创 建 临 时 曲面 
void CreateBSurfforStretch(double& m dblLength); // 创 建 曲面 


在 设置 曲面 的 拉 伸 长 度 时 ,可 以 创建 一 个 非 模式 对 话 框 如 CBSurf_StretchDlg 来 完成 。 
其 中 ,调整 拉 伸 长 度 的 代码 为 : 


void CBSurf_StretchDlg: :OnDeltaposSpinl(NMHDR * PNMHDR，LRESULT * PResult) { 
NM_UPDOWN * pNMUpDown = (NM_UPDOWN * )pNMHDR; 
UpdateData( TRUE) ; 
this—~>m dblLength—= 1 * pNMUpDown 一 > iDelta; 
this ->m_pView 一 > CreateTmpStretchBSurf(this ~ >m dblLength); 
UpdateData( FALSE); 
x*xpResult = 0; 
} 
void CBSurf_StretchDlg: :OnOK() { 
UpdateDatal( TRUE) ; 
this 一 >m_pView 一 > CreateBSurfforStretch(this ~>m dblLength); 
UpdateData(FRLSE) ; 
CDialog: :OnOK() 
} 


在 CGTest002View 类 中 创建 临时 曲面 和 最 终 曲面 : 


void CCGTest002View: :CreateTmpStretchBSurf(double& m_ dblLength){ // 创 建 临 时 曲面 
if(this—>m Picker. picktype == pick_bcurve){ // 对 拾取 的 曲线 拉 伸 实体 
if(CreateBSurfOfStretch(m BSurf Tmp,m Picker,m dblLength) == true) 
Invalidate( ); 
} 
} 
void CCGTest002View: : CreateBSurfforStretch(doubleg m dblLength){  ” // 创 建 最 终 曲 面 
if(this—>m Picker.picktype == pick_bcurve){ 
if(CreateBSurfOfStretch(m BSurf Tmp,m Picker,m dblLength) == true){ 
CBSplineCurve BCurve; // 从 曲线 集合 中 去 掉 形成 曲面 的 曲线 
for(int i=0;i<m BSplineCurve Array.GetSize();i+t+){ 
BCurve = m BSplineCurve Array. GetAt(i); 
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if(pick bcurve ==m_Picker.picktype&&BCurve ==m_Picker.m_BSplineCurve){ 
m BSplineCurve Array. RemoveAt (i); 
break; 


} 

this—>m BSplineSurf Stretch Array. Add(m BSurf Tmp); 
m_BSurf_Tmp. Reset(); // 删 除 临 时 曲面 
this—>m Picker.picktype = pick_none; 

Invalidate( ); 


} 
其 中 ,创建 曲面 的 函数 代码 放 在 BasicGraphl. h 文件 中 : 


bool CreateBSurfOfStretch (CBSplineSurf _ Stretch g&m_ BSurf, CPicker& m_Picker, double &m_ 


dblLength) { 
if(m Picker. picktype == pick_bcurve){ 
// 判 断 控制 多 边 形 的 方向 


CArray < CPoint, CPoint > m Array Point; 
m Array_Point. Append(m Picker.m BSplineCurve.m Array Point); 
int directionFlag = CheckDirofPolyline(m Array Point); // 判 断 方向 
m_BSurf. BSplineCurve0 = m_Picker.m_BSplineCurve; 
CBSplineCurve BSplineCurve; 
CArray < CVector, CVector > m_Array_Vector; /// 控 制 顶点 
CVector Vt; 
证 (directionFlag== 0){// 顺 时 针 方向 
for(int i=0;i<m Picker.m BSplineCurve.m Array Vector.GetSize();i++){ 
Vt=m Picker.m BSplineCurve.m Array Vector.GetAt(i); 
Vt.v z= (—-1)*m dblLength; 
m Array_ Vector. Add(Vt); 


} 
else{// 逆 时 针 方 向 
for(int i=0;i<m Picker.m BSplineCurve.m Array_ Vector.GetSize();i++) 
{ 
Vt=m Picker.m BSplineCurve.m_ Array_Vector. GetAt(i); 
Vt.v_z=m dblLength; 
m_Array_Vector. Add( Vt); 


} 

BSplineCurve. m_Array_Vector. Append(m_Array_Vector);BSplineCurve. m_Array_Point. 
Append(m Picker.m BSplineCurve.m Array Point); 

m BSurf. BSplineCurvel = BSplineCurve; 

m BSurf. Length= m dblLength; 

// 为 了 显示 ,将 实体 绕 第 一 个 点 沿 x 轴 旋 转 30', 再 沿 了 轴 旋 转 30” 

double m Matrix[4][4],m Matrix0[4][4]; 

// 首 先 移动 到 原点 

CPoint3D pt3D; 

Vt =m BSurf.BSplineCurve0.m Array Vector.GetAt(0); 

pt3D.x= Vt.v x;pt3D. y= Vt.v y;pt3D.z= Vt.v 2z; 
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GetMatrix(m Matrix,0,pt3D.x* (一 1),pt3D.Yx (一 1),pt3D.zx( 一 1),0,1); 


GetMatrix(m Matrix0,1,0,0,0, — 30,1); // 沿 x 轴 旋 转 
MatrixXMatrix(m Matrix,m Matrix0); // 和 矩阵 级 联 
GetMatrix(m_Matrix0,2,0,0,0, — 30,1); // 沿 了 轴 旋 转 
MatrixXMatrix(m Matrix,m Matrix0) 1; // 和 矩阵 级 联 
GetMatrix(m_Matrix0, 0,pt3D.x, pt3D. y, pt3D.z,0,1); // 移 回 原 位 置 
MatrixXMatrix(m Matrix,m Matrix0); // 和 矩阵 级 联 
GetNewPoint(m_BSurf,m_Matrix) ; // 曲 面 乘 以 变换 矩阵 ,得 新 点 
return true; 

} 

else 


return false; 


} 
其 中 ,判断 控制 多 边 形 方向 的 函数 为 : 


int CheckDirofPolyline(CArray < CPoint, CPoint > &m_point_Array0){//0: 顺 时 针 ,1: 道 时 针 

CArray < CPoint, CPoint > m point Array; 

//1. 判 断 多 边 形 方向 

CPoint pt0, ptl, pt2; 

ptl=m point Array0. GetAt(0); 

// 查 找 极 值 

int i_ edge= 0; 

for(int i=1;i<m point Array0. GetSize();i++){ 

if(m point_ Array0.GetAt(i).y> ptl.Y){ 

ptl=m point Array0.GetAt(i); 
i edge= i; 


) 

if(i edge==0){ 
pt0=m point Array0.GetAt(m point Array0.GetSize()—1); 
pt2=m point_Array0. GetAt(1); 

} 

else if(i_ edge ==m point Array0.GetSize()—1){ 
pt0=m point Array0.GetAt(m point Array0.GetSize() 一 2); 
pt2=m point Array0.GetAt(0); 

} 

elsef 
pt0=m point Array0.GetAt(i edge— 1); 
pt2 = m point Array0. GetAt(i edge); 

» 

m_ point_Array. RemoveAll (); 

if(VectorXVector(pt0, ptl, pt2)<0) // 多 边 形 初始 是 顺 时 针 
return 0; 

else//>0 表示 多 边 形 初始 是 逆 时 针 方向 
return 1; 


: 
拉 伸 的 曲面 与 几何 变换 矩阵 相 乘 生 成 新 点 的 函数 为 : 
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void GetNewPoint(CBSplineSurf Stretch &m_BSurf, double m Matrix[][4]){ 
//m_BSurf 每 个 控制 顶点 变换 
CBSplineCurve BSplineCurve; 
CArray < CVector, CVector > bcurve; 
CVector Vt; 
CPoint3D Pt; 
BSplineCurve = m BSurf. BSplineCurve0; 
for(int i=0;i<BSplineCurve.m Array Vector. GetSize();i++){ 
Vt= BSplineCurve.m Array Vector.GetAt(i); 
Pt.x= Vt,.v x;Pt.y= Vt,v y;Pt.z= Vt,.v 2z; 
GetNewPoint (Pt,m Matrix); 
Vt.v x=Pt,.xiVt.v y=Pt.yVt.v z=Pt.2z; 
bcurve. Add( Vt); 
h 
m_BSurf. BSplineCurve0.m Array_ Vector. RemoveAll(); 
m_BSurf. BSplineCurve0.m_Rrray_Vector. Append( bcurve); 
BSplineCurve = m_BSurf. BSplineCurvel; 
bcurve. RemoveAll( ); 
for(i=0;i<BSplineCurve.m Array Vector.GetSize();i+t+){ 
Vt = BSplineCurve.m Array Vector. GetAt(i); 
Pt.x= Vt,v x;Pt. y= Vt.v_yPt.z= Vt.v 2z; 
GetNewPoint (Pt,m Matrix); 
Vt,.v x= Pt.x;Vt.v_y=Pt.yVt.v z= Pt.2z; 
bcurve. Add( Vt); 
} 
m_BSurf. BSplineCurvel.m Array Vector. RemoveAll(); 
m_BSurf. BSplineCurvel.m_Array_Vector. Append( bcurve); 
| 


曲面 显示 在 CCGTest002View 类 的 OnDraw() 的 DrawG0O) 中 调用 : 


void CCGTest002View: :DrawG(CDC * PDC){ 
…//( 原 有 代码 此 处 省 上 略 ) 
// 画 曲面 
if(this—->m BSplineSurf Stretch Array.GetSize()>0){ 
CBSplineSurf_Stretch BSplineSurf Stretch; 
for(int i=0;i<this—>m BSplineSurf Stretch Array.GetSize();i++){ 
BSplineSurf Stretch= this—>m BSplineSurf Stretch Array. GetAt(i); 
if(BSplineSurf Stretch m_ Picker.m BSplineSurf Stretch&&m Picker. picktype 
// 拾 取 的 曲面 不 画 
continue; 
DrawBSplineSurf(pDC, BSplineSurf_Stretch,m_ DrawColor,m LineWidth); 
} 








= pick_bsurf) 


} 

if(abs(this—>m BSurf Tmp.Length)> 0) 
DrawBSplineSurf(pDC, this ~ >m BSurf Tmp,m DrawColor,m LineWidth); 
} 


其 中 ,详细 绘制 曲面 的 函数 为 ( 放 在 BasicGraphl.h 文件 中 ): 
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void DrawBSplineSurf(CDC * pDC, CBSplineSurf Stretch& BSplineSurf_ Stretch, COLORREF crColor, 
int lineWidth= 0){ 
CVector Vt0, Vt1, Vt2, Vt3; 
int i,j; 
double t; 
// 在 BSplineSurf_Stretch. BSplineCurve0 之 间 再 画 两 条 B 样 条 线 
CArray < CVector, CVector > m Array Vectorl,m Array Vector2; 
for(i=0;i<BSplineSurf Stretch.BSplineCurve0.m Array Vector. GetSize() ;i++){ 
Vt0 = BSplineSurf_ Stretch. BSplineCurve0.m Array Vector.GetAt(i); 
Vtl = BSplineSurf Stretch. BSplineCurvel.m Array Vector. GetAt(i); 
Vt2.v x= Vt0.v x+ (Vtl.v x— Vt0.v x)/3.0; 
Vt2.v y= VtO.v y+ (Vtl,v y- VtO.v y)/3.0; 
Vt2.v z= Vt0.v z+ (Vtl.v z- Vt0.v z)/3.0; 
Vt3.v x= Vt0.v x+ (Vtl.v x- VtO.v x) *2/3.0; 
Vt3.v y= Vt0.v y+ (Vtl.v y— VtO.v y) * 2/3.0 
Vt3.v z=Vt0.v z+ (Vtl.v z— Vt0.v z)*2/3.0 
m Array_ Vectorl. Add(Vt2); 
m Array_ Vector2. Add(Vt3); 
}// 构 造 控制 顶点 
// 在 拉 伸 的 第 一 个 和 最 后 一 个 曲线 的 每 个 曲线 段 的 += 0 及 上 = 0,333,0.666 处 连 直线 
for(i= 0;i< BSplineSurf_Stretch, BSplineCurve0.m_Rrray_Vector. GetSize() -3;i++){ 
for(j=0;j<4;j++){ 
if(j == 3&&i!= BSplineSurf_Stretch. BSplineCurve0.m Array Vector.GetSize() — 4) 
continue; 
t=j*1.0/3.0; 
Vt0 = GetBSplineCurvePt (t, BSplineSurf _ Stretch. BSplineCurve0. m_ Array _ Vector. GetAt (i), 
BSplineSurf_ Stretch. BSplineCurve0. m_ Array _ Vector. GetAt (i + 1), BSplineSurf _ Stretch. 
BSplineCurve0.m_Array_ Vector. GetAt (i + 2), BSplineSurf Stretch. BSplineCurve0. m_Array_ 
Vector. GetAt(i+ 3)); 
Vt1 = GetBSplineCurvePt (t, BSplineSurf _ Stretch. BSplineCurvel. m_ Array _ Vector. GetAt (i), 
BSplineSurf_ Stretch. BSplineCurvel. m _ Array _ Vector. GetAt (i + 1), BSplineSurf _ Stretch. 
BSplineCurvel.m_Array_ Vector. GetAt (i + 2), BSplineSurf _ Stretch. BSplineCurvel. m_ Array_ 
Vector. GetAt(i+3)); 
MIDPOINT Line(pDC, CPoint((int)(Vt0.v_ x+0.5), (int)(VtO.v_y+0.5)),CPoint((int) (Vt1. 
Vv x+0.5), (int) (Vtl.v_y+0.5)),crColor, lineWidth); 
} 





} 
// 绘 制 四 条 B 样 条 曲线 
DrawBSplineCurve ( pDC, BSplineSurf _ Stretch. BSplineCurve0. m_ Array _ Vector, crColor, 
lineWidth); 
DrawBSplineCurve ( pDC, BSplineSurf _ Stretch. BSplineCurvel. m _ Array _ Vector, crColor, 
lineWidth); 
DrawBSplineCurve(pDC,m Array_ Vectorl,crColor, lineWidth); 
DrawBSplineCurve(pDC,m Array_ Vector2,crColor, lineWidth); 
} 


利用 上 述 代 码 绘制 的 BB 样 条 拉 伸 曲面 如 图 8. 3-10 所 示 。 
与 对 曲线 的 图 形 操作 类 似 .对 曲面 进行 图 形 操作 首先 也 需 交互 选取 曲面 ,因此 ,在 拾取 
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图 8.3-10 B 样 条 拉 伸 曲面 
枚 举 结构 中 ,加 入 曲面 类 型 : 


enum Picktype { ...,pick_bsurf}; 
在 拾取 结构 类 中 加 入 曲面 变量 : 


class CPicker:CDraw{ 
…//( 原 有 代码 此 处 省 略 ) 

CBSplineSurf_Stretch m BSplineSurf _ Stretch; 
}; 


在 鼠标 移动 消息 函数 OnMouseMove() 中 ,增加 判断 鼠标 是 否 拾 取 到 曲面 的 代码 : 


void CCGTest002View: :OnMouseMove( UINT nFlags, CPoint point) { 
if(this 一 >m_iFlag== 一 1){ 
… //( 原 有 代码 此 处 省 略 ) 
else // 是 否 在 B 样 条 曲面 上 
if(CheckIsPicked(point, this -> m_BSplineSurf_Stretch_Rrray,m_Picker0) == true) 
iflag= 1; 
else 
iflag= 0; 














其 中 的 判断 函数 CheckIsPicked() 写 在 Basicgraphl.h 文件 中 ,对 于 判断 鼠标 点 是 否 拾 
取 到 曲面 ,本章 采 用 的 是 一 个 简便 方法 : 只 判断 鼠标 点 是 否 拾取 了 显示 曲面 的 四 个 B 样 条 
曲线 或 者 拉 伸 直线 ,如 是 , 则 认为 拾取 到 曲面 。 函 数 代 码 如 下 : 


bool CheckIsPicked (CPoint &point, CArray < CBSplineSurf_Stretch, CBSplineSurf_Stretch > gm_ 
BSplineSurf Stretch Array,CPicker g&m Picker){ 
if(m BSplineSurf Stretch Array.GetSize()>0){ 
CBSplineSurf Stretch BSplineSurf_ Stretch; 
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double t; 
CVector Vt0, Vt1, Vt2, Vt3; 
i 
CLine line; 
for(i=0;i<m BSplineSurf Stretch Array.GetSize();i++){ 
BSplineSurf Stretch= m BSplineSurf Stretch Array.GetAt(i); 
// 首 先 判 断 是 否 在 现 有 的 曲线 段 上 
if(CheckIsPicked(point, BSplineSurf Stretch. BSplineCurve0,m Picker) == true){ 
m Picker. picktype = pick bsurf; 
m Picker.m BSplineSurf Stretch= BSplineSurf_Stretch; 
return true; 
} 
if(CheckIsPicked(point, BSplineSurf Stretch. BSplineCurvel,m Picker) == true){ 
m Picker. picktype = pick_bsurf; 
m_Picker.m BSplineSurf_ Stretch= BSplineSurf_Stretch; 
return true; 
} 
// 是 否 在 BSplineSurf_Stretch. BSplineCurve0 和 SplineCurvel 中 间 夯 的 两 条 B 样 条 线 上 
CArray < CVector, CVector > m Array Vectorl,m Array Vector2; 
for(k = 0;k<BSplineSurf_Stretch. BSplineCurve0.m Array Vector. GetSize();k++){ 
Vt0 = BSplineSurf_ Stretch. BSplineCurve0.m Array_ Vector. GetAt(k); 
Vt1 = BSplineSurf Stretch. BSplineCurvel.m Array_ Vector. GetAt(k); 
Vt2.v x= Vt0.v x+ (Vtl.v x- Vt0.v x)/3.0; 
Vt2.v y= VtO.v y+ (Vtl.v y- VtO.v_y)/3.0; 
Vt2.v z=Vt0.v z+ (Vtl.v z— Vt0.v z)/3.0; 
Vt3.v x= Vt0.v x+ (Vtl.v x— VtO.v_x) * 2/3.0; 
Vt3.v_ y= Vt0.v_ y+ (Vtl.v_y- Vt0.v_y) * 2/3.0; 
Vt3.v_ z= Vt0.v z+ (Vtl.v z— Vt0.v z) *2/3.0; 
m Array Vectorl. Add(Vt2); 
m Array Vector2. Add(Vt3); 
P 
CBSpl ineCurve BSplineCurve; 
BSplineCurve.m Array Vector. Append(m Array Vectorl); 
if(CheckIsPicked(point, BSplineCurve,m Picker) == true){ 
m Picker. picktype = pick_bsurf; 
m Picker.m BSplineSurf _ Stretch= BSplineSurf_Stretch; 
return true; 
BSplineCurve.m_Rrray_Vector. RemoveAll(); 
BSplineCurve.m _Array_Vector. Append(m Array_Vector2); 
if(CheckIsPicked(point, BSplineCurve,m Picker) == true){ 
m Picker. picktype = pick_bsurf; 
m_Picker.m BSplineSurf_ Stretch= BSplineSurf _ Stretch; 
return true; 
} 
// 是 否 在 拉 伸 的 连 线 直线 上 
for(k= 0;k<BSplineSurf Stretch. BSplineCurve0.m Array Vector.GetSize()— 3;k++){ 
for(j=0;j<4;j++){ 
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if(j== 3&&i!= BSplineSurf Stretch. BSplineCurve0.m_Rrray_Vector. GetSize() 一 4) 
continue; 
t=jx*1.0/3.0; 
Vt0 = GetBSplineCurvePt (t, BSplineSurf _ Stretch. BSplineCurve0. m_ Array_ Vector. GetAt (k), 
BSplineSurf_ Stretch. BSplineCurve0. m_ Array _ Vector. GetAt (k + 1), BSplineSurf _ Stretch. 
BSplineCurve0.m_Array_Vector. GetAt (k + 2), BSplineSurf _ Stretch. BSplineCurve0. m_Array_ 
Vector. GetAt(k + 3)); 
Vtl = GetBSplineCurvePt (t, BSplineSurf _ Stretch. BSplineCurvel. m_ Array _ Vector. GetAt (k), 
BSplineSurf_ Stretch. BSplineCurvel. m_ Array _ Vector. GetAt (k + 1), BSplineSurf _ Stretch. 
BSplineCurvel.m_Array_Vector. GetAt (k + 2), BSplineSurf _ Stretch. BSplineCurvel. m_Array_ 
Vector. GetAt(k + 3)); 
line. ptl = CPoint((int)(Vt0.v x+0.5), (int)(Vt0O.v_y+0.5)); 
line. pt2 = CPoint((int)(Vtl.v x+0.5), (int)(Vtl.v_y+0.5)); 
if(CheckIsPicked(point, line) == true){ 
m_Picker. picktype = pick_bsurf; 
m Picker.m BSplineSurf Stretch= BSplineSurf Stretch; 


return true; 


了 
} 


return false; 


} 
else 
return false; 


} 
确定 拾取 曲面 后 ,在 CopyPickerO) 函 数 中 将 拾取 的 曲面 复制 给 进行 图 形 操作 的 拾取 变 


量 m_Picker, 代 码 如 下 : 


void CopyPicker(CPicker &m Picker,CPicker &m Picker0){ 
.…//( 原 有 代码 此 处 省 略 ,下 面 的 代码 加 在 实体 复制 代码 后 面 ) 
else if(m_Picker. picktype == pick_bsurf){ //8. 判断 是 否 样 条 曲面 ,复制 曲面 
m Picker.m BSplineSurf_ Stretch=m Picker0.m BSplineSurf_Stretch; 
i 
有 


同 理 ,绘制 拾取 图 形 的 函数 DrawPicker 中 也 需 加 入 绘制 曲面 的 代码 : 


void DrawPicker(CDC * pDC,CPicker &m_Picker, COLORREF crColor, double m_Matrix_V[][4],CBody 
Stretch Body[ ], int bodyNum = 0, int lineWidth= 0,bool hideFlag = false){ 
…//( 原 有 代码 此 处 省 略 ,下 面 的 代码 加 在 绘制 拾取 的 实体 后 面 ) 
else if(m Picker. picktype == pick_bsurf)//9. 绘 制 拾取 的 B 样 条 曲面 

DrawBSplineSurf(pDC, m Picker.m BSplineSurf_ Stretch,crColor, lineWidth); 
让 


根据 上 述 代码 拾取 曲面 的 效果 如 图 8. 3-11 所 示 。 
对 于 拾取 的 曲面 可 以 进行 各 种 操作 ,例如 图 形变 换 , 和 曲线 的 图 形变 换 类 似 ,曲面 的 图 





形变 换 通过 曲面 的 控制 网 格 点 变换 即 可 实现 。 由 于 曲面 也 是 三 维 图 形 , 因 此 ,曲面 变换 和 三 
位 图 形变 换 相同 ,例如 旋转 变换 ,也 可 以 绕 z、y、z 三 个 轴 旋 转 。 代 码 如 下 所 示 : 
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图 8.3-11 曲面 拾取 


void CCGTest002View: :Rotate3D( int gm iAxis, double &angle){ 
if(m Picker. picktype == pick body){ 
.…// 对 三 维 图 形 拉 伸 体 的 旋转 变换 ,代码 前 文 已 列 出 , 本 处 省 略 
} 
else if(m Picker. picktype == pick_bsurf){ // 曲 面 旋转 变换 
// 首 先 获得 在 曲面 集合 中 的 初始 曲面 
int i; 
for(i=0;i<m BSplineSurf_ Stretch Array.GetSize();i++){ 
if(m Picker.m BSplineSurf_ Stretch==m BSplineSurf _ Stretch Array.GetAt(i)){ 
m_Picker.m BSplineSurf _ Stretch=m BSplineSurf Stretch Array. GetAt(i); 
break; 
} 
} 
// 为 了 显示 ,将 曲面 绕 第 一 个 控制 顶点 旋转 
double m Matrix[4][4],m Matrix0[4][4]; 
CVector Vt; 
// 首 先 移动 到 原点 
CPoint3D pt3D; 
Vt=m Picker.m BSplineSurf Stretch. BSplineCurve0.m Array_Vector. GetAt(0); 
pt3D. x= Vt.v x; pt3D.y= Vt.v_y; pt3D.z= Vt.v_z; 
GetMatrix(m Matrix,0,pt3D.x* (—1),pt3D.y* (—1),pt3D.z*(—1),0,1); 


GetMatrix(m Matrix0, m iAxis,0,0,0,angle,1); // 沿 轴 旋 转 
MatrixXMatrix(m Matrix,m Matrix0); // 和 矩阵 级 联 
GetMatrix(m_Matrix0, 0, pt3D. x, pt3D.Y,pt3D.z,0,1); // 移 回 原 位 置 
MatrixxMatrix(m Matrix,m Matrix0); // 和 矩阵 级 联 
GetNewPoint(m Picker.m BSplineSurf Stretch,m Matrix); 

) 

Invalidate( ); 


8.4 NURBS 方法 


B 样 条 方法 在 表示 与 设计 自由 型 曲线 、 曲 面 形状 时 显示 了 强大 的 威力 ,然而 在 表示 与 设 
计 初 等 曲线 .曲面 时 却 遇 到 了 麻烦 。 因 为 B 样 条 曲线 (包括 其 特例 的 Bezier 曲线 ) 不 能 精确 
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表示 出 抛物 线 外 的 二 次 曲线 ,B 样 条 曲面 (包括 其 特例 的 Bezier 曲面 ) 不 能 精确 表示 出 抛物 
面 外 的 二 次 曲面 ,而 只 能 给 出 近似 的 表示 。 当 把 B 样 条 写成 有 理 样 条 函数 的 形式 时 ,上 述 
问题 就 得 到 了 解决 。 

有 理 函 数 是 两 个 多 项 式 之 比 , 有 理 样 条 (rational spline) 是 两 个 样 条 函数 之 比 , 有 理 B 
样 条 用 向 量 方程 表达 为 


DwiprNin (0) 
PW 一 后 一 一 


DN 


其 中 ps 是 控制 点 位 置 ,zx 是 控制 点 pi 的 权 因子 ， 其 值 越 大 ,曲线 越 靠近 控制 点 p;。 因 此 ， 
这 时 曲线 曲面 的 形状 由 控制 点 和 权 因 子 共 同 决定 。 

在 形状 描述 实践 中 ,有 理 样 条 经 常 以 非 均匀 类 型 出 现 , 而 均匀 、 准 均匀 、 分 段 Bezier 三 
种 类 型 可 看 成 是 非 均匀 类 型 的 特例 ,所 以 人 们 习惯 称 之 为 非 均匀 有 理 DB 
rational B-spline) 方 法 ,简称 NURBS 方法 。 

NURBS 曲线 与 B 样 条 曲线 也 具有 类 似 的 几何 性 质 。 

(1) 局 部 性 质 。k 阶 NURBS 曲线 上 参数 为 1€ [+CLa- +i] 的 一 点 P(D) 至 多 
与 上 个 控制 顶点 p; 及 权 因子 wj(j 二 i 一 & 十 1,… ,i 有 关 , 与 其 他 顶点 和 权 因 子 无 关 ; 另 一 方 
面 , 若 移 动 & 次 NURBS 曲线 上 的 一 个 控制 顶点 P; 或 改变 所 联系 的 权 因子 ,仅仅 影响 定义 
在 区 间 [ti,tir1]CLi-1,t,+1j 上 那 部 分 曲线 的 形状 。 

(2) 凸 包 性 。 定 义 在 非 零 节点 区 间 1E [twtr1j]CEt-1,ts+1j 上 的 曲线 段位 于 定义 它 的 
k 十 1 个 控制 顶点 如 -tl 的 凸 包 内 。 整 条 NURBS 曲线 位 于 所 有 定义 各 曲线 段 的 控 
制 顶点 的 凸 包 的 并 集 内 。 所 有 权 因 子 的 非 负 性 ,保证 了 凸 包 性 质 的 成 立 。 

(3) 在 仿 射 与 透射 变换 下 的 不 变性 。 

(4) 在 曲线 定义 域内 有 与 有 理 基 函 数 同样 的 可 微 性 。 

用 NURBS 曲线 表示 二 次 曲线 ,通过 调整 权 因子 rw 的 值 即 可 实现 。 

假定 用 定义 在 三 个 控制 顶点 和 开放 均匀 的 节点 矢量 上 的 二 次 (三 阶 )B 样 条 函数 来 拟 合 
二 次 曲线 ,于 是 ,T=(0,0,0,1,1,1), 取 权 因 子 为 

wo 一 2 一 1 
ES 
局 则 有 理 B 样 条 的 表达 式 为 





A \ po No,acn | TN 30 十 pz N23 
\ P(2) 








No, 3(2) 者 二 I 3(2) 十 入 :， 3(0 
取 不 同 的 8.4-1 所 示 ， 
当 /> 冯 ,am>1 时 ,得 到 双 曲 段 ， 

















”当主 ,ww>1 时 ,得 到 抛物 线段; 
8.4-1 二 次 曲线 
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当 r<< 二 ,am <<1 时 ,得 到 椭圆 弧 ， 


当 r==0,w 二 0 时 ,得 到 直线 段 。 

当选 控制 点 为 如 一 (0,1) ,pi 二 (1,1) ,ps 二 (1,0),rwwi 二 cosa 时 ,上 式 可 产生 第 一 象限 
的 1/4 单位 圆 弧 ,如 图 8. 4-2 所 示 , 若 要 产生 圆 弧 的 其 他 部 分 ,只 需 改变 控制 点 的 位 置 即 可 。 
同 理 ,NURBS 曲面 也 可 以 表示 各 种 二 次 解析 曲面 ,这 
里 对 此 不 再 袭 述 。 

NURBS 方法 的 主要 优点 如 下 。 

(1) 数学 模型 统一 。 该 方法 既 能 描述 自由 曲线 和 曲面 ， 
又 能 够 精确 表示 圆锥 曲线 和 曲面 ; 非 有 理 B 样 条 、 有 理 与 非 
有 理 Bezier 方法 是 其 特例 。 因 此 , 它 为 曲线 曲面 的 CAD/ 
CAM 系统 提供 了 一 个 统一 的 数学 模型 和 框架 。 

(2) 形状 控制 灵活 。 通 过 修改 控制 顶点、 权 因 子 或 者 节 
点 的 值 ,来 修改 和 控制 曲线 或 曲面 的 形状 ,为 各 种 形状 设计 提供 了 充分 的 灵活 性 。 

(3) 造型 能 力 强大 。 具 有 一 系列 强 有 力 的 几何 造型 的 配套 技术 (包括 节点 插入 、 细 分 、 
升 阶 等 ) 。 

(4) 具有 仿 射 变 换 不 变性 。 对 几何 变换 和 投影 变换 具有 不 变性 。 

不 过 ,目前 在 应 用 NURBS 方法 时 ,还 有 一 些 难以 解决 的 问题 ,具体 如 下 : 

(1) 它 比 传统 的 曲线 曲面 定义 方法 需要 更 多 的 存储 空间 ,如 空间 圆 需 7 个 参数 (圆心 、 
半径 法 矢 ) ,而 NURBS 定义 空间 圆 需 38 个 参数 ; 

(2) 权 因子 选择 不 当 会 引起 畸变 ; 

(3) 对 搭 接 、 重 琶 形 状 的 处 理 很 麻烦 ; 

(4) 反 求 曲线 .曲面 上 点 参数 值 的 算法 不 稳定 。 

NURBS 是 一 种 非常 优秀 的 建 模 方式 ,在 高 级 三 维 软件 中 都 支持 这 种 建 模 方式 。 
NURBS 可 以 比 传统 的 网 格 建 模 方式 更 好 地 控制 物体 表面 的 曲线 度 , 从 而 能 够 创建 出 更 通 
真 、 生 动 的 造型 。NURBS 曲线 和 NURBS 曲面 在 传统 的 制图 领域 是 不 存在 的 ,是 为 使 用 计 
算 机 进行 3D 建 模 而 专门 建立 的 。NURBS 也 是 专门 做 曲面 物体 的 造型 方法 。 可 以 用 它 做 
出 各 种 复杂 的 曲面 造型 和 表现 特殊 的 效果 ,如 人 的 皮肤 .面貌 或 流线型 的 跑车 等 。 关 于 
NURBS 的 详细 理论 研究 和 方法 请 参阅 相关 书籍 ,本 书 不 青 袭 述 。 














图 8.4-2 NURBS 表示 圆 弧 
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计算 机 图 形 学 的 一 个 重要 应 用 方向 是 计算 机 动画 与 仿真 ,使 用 动画 与 仿真 可 以 清楚 地 
展现 一 个 活灵活现 的 画面 ,或 者 表现 一 个 事件 的 过 程 。 由 于 其 具有 生动 的 感官 效果 以 及 对 
真实 环境 的 客观 模拟 ,因此 ,广泛 应 用 在 影视 广告 .游戏 娱乐 .科研 与 工程 .教育 以 及 军事 等 
众多 领域 。 为 了 实现 计算 机 动画 的 逼真 性 ,需要 综合 使 用 多 种 学 科 和 技术 。 计 算 机 动画 与 
仿真 技术 以 计算 机 图 形 学 为 基础 ,特别 是 以 图 形 造 型 和 真实 感 显 示 技 术 ( 消 隐 、 光 照 模型 表 
面 纹 理 ) 为 基础 ,并 涉及 图 像 处 理 、 运 动 控制 原理 ,视频 技术 、 艺 术 甚 至 视觉 心理 学 ,生物 学 、 
机 器 人 学 以 及 人 工 智能 等 领域 ,计算 机 动画 与 仿真 因 其 自身 的 特点 而 逐渐 成 为 一 门 独立 的 
学 科 。 本 章 主要 讲述 计算 机 动画 与 仿真 的 相关 概念 和 基本 原理 ,并 进行 简单 的 程序 实现 。 


9.1 计算 机 动画 与 仿真 的 概念 及 基本 原理 


计算 机 动画 (computer animation) 是 指 采用 图 形 与 图 像 技 术 ,借助 计算 机 生成 一 系列 可 
供 动态 实时 演播 的 连续 图 像 的 技术 。 所 谓 动画 就 是 使 一 幅 图 像 “ 活 ”起 来 的 过 程 ,从 而 清楚 
地 展现 一 个 活灵活现 的 画面 或 者 表现 一 个 事件 的 过 程 。 

计算 机 动画 的 基本 原理 是 利用 人 眼 的 视觉 暂 留 ,把 一 系列 连续 的 图 片 快速 顺序 播放 ,这 
时 ,看 起 来 就 是 连续 动 起 来 的 画面 。 就 像 早期 电影 院 放 映 电影 的 胶片 ,胶片 上 静态 的 人 物 影 
像 通过 连续 播放 后 ,人 们 看 到 的 电影 是 动态 的 人 物 场景 。 

计算 机 动画 中 连续 播放 的 每 一 幅 图 像 称 为 帧 ,计算 机 动画 的 本 质 就 是 生成 一 个 个 帧 ,并 
连续 显示 ,其 中 当前 帧 是 前 一 帧 的 部 分 修改 。 根 据 人 的 视觉 滞留 特性 ,为 了 产生 连续 运动 的 
感觉 ,需要 连续 播放 画面 。 实 验证 明 , 动 画 和 电影 的 画面 刷新 率 为 24 帧 /s 时 , 即 每 秒 放 映 
24 幅 画 面 , 人 眼看 到 的 则 是 连续 的 画面 效果 。 例 如 ,一 分 钟 长 的 动画 就 需要 绘制 1440 张 连 
续 的 帧 来 表现 流畅 的 画面 。 目 前 ,计算 机 动画 制作 软件 很 多 ,不 同 的 动画 效果 ,取决 于 不 同 
的 计算 机 动画 软 、 硬 件 的 功能 。 虽 然 制 作 的 复杂 程度 不 同 ,但 是 其 采用 的 基本 原理 是 一 
致 的 。 

计算 机 仿真 是 应 用 计算 机 对 动画 对 象 的 结构 .功能 和 行为 以 及 参与 系统 控制 的 人 的 思 
维 过程 和 行为 进行 动态 性 比较 逼真 的 模仿 。 计 算 机 仿真 更 追求 对 客观 世界 模拟 的 真实 性 ， 
但 是 它 仍 然 属于 计算 机 动画 的 应 用 范畴 。 

根据 表现 形式 ,动画 分 二 维 动画 和 三 维 动画 两 种 类 型 。 二 维 动画 是 平面 上 的 画面 ,在 
维 空间 上 模拟 三 维 空间 的 效果 ; 三 维 动画 则 本 身 就 是 三 维 立体 图 形 ,从 不 同 角度 得 到 不 同 
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的 形状 ,然后 投影 到 二 维 平面 上 显示 。 传 统 的 动画 制作 的 技术 基础 是 采用 “分 层 ” 技 术 , 动 画 
师 将 运动 的 物体 和 静止 的 背景 分 别 绘制 在 不 同 的 透明 胶片 上 ,然后 大 加 在 一 起 拍摄 ,因此 传 
统 动画 主要 实现 的 是 二 维 动画 创作 。 计 算 机 动画 从 技术 上 可 以 分 为 计算 机 辅助 动画 和 造型 
动画 两 种 。 计 算 机 辅助 动画 的 主要 用 途 是 辅助 动画 师 制 作 传统 动画 ; 而 造型 动画 则 属于 三 
维 动画 类 型 ,主要 是 采用 计算 机 图 形 学 以 及 相关 技术 ,利用 计算 机 强大 的 运算 能 力 来 模拟 现 
实 , 这 个 过 程 需要 完成 动画 对 象 的 建 模 、 动 画 动作 设计 以 及 场景 泻 染 等 步骤 。 建 模 是 以 点 、 
线 、 面 的 方式 建立 动画 对 象 的 几何 信息 ,动作 设计 是 按照 运动 规律 和 动力 学 模拟 等 方式 设计 
动画 对 象 的 运动 轨迹 路 线 ,场景 泻 染 则 通过 纹理 映射 .光照 模型 等 方式 显示 场景 。 

计算 机 动画 是 计算 机 图 形 学 的 一 个 重要 应 用 方向 ,也 是 图 形 学 的 一 个 研究 重点 ,以 计算 
机 动画 为 基础 的 虚拟 现实 (VR) 技 术 是 现在 的 一 个 研究 热点 。 计 算 机 动画 主要 研究 与 动画 
有 关 的 造型 绘制 合成 以 及 运动 控制 等 技术 ,尽管 实体 造型 和 自由 曲线 曲面 造型 技术 在 
CAD 和 CAGD 中 得 到 了 广泛 的 研究 ,但 计算 机 动画 对 传统 的 实体 .曲面 造型 提出 了 一 些 新 
的 要 求 。 一 方面 ,计算 机 动画 中 场景 造型 的 精度 不 必 像 工业 设计 那样 高 ; 男 一 方面 ,对 造型 
工具 的 灵活 性 及 景物 运动 的 可 控 性 提出 了 更 高 的 要 求 。 这 导致 出 现 许多 针对 动画 应 用 而 设 
计 的 造型 技术 ,如 隐 函 数 曲面 造型 技术 以 及 离散 曲面 造型 技术 等 。 除 此 之 外 ,由 于 其 简单 性 
和 兼容 性 ,多 边 形 网 格 模型 在 计算 机 动画 系统 中 得 到 了 广泛 的 重视 。 绘 制 本 身 是 真实 感 图 
形 的 主要 研究 内 容 , 但 随 着 动画 技术 的 发 展 ,对 传统 的 真实 感 图 形 绘制 技术 必须 予以 改造 ， 
使 之 满足 动画 的 需要 。 








9.2 计算 机 动画 与 仿真 的 实现 方法 
根据 帧 生成 的 方法 不 同 ,计算 机 动画 可 以 有 两 种 实现 方法 逐 帧 动画 和 实时 动画 。 


9.2.1 逐 帧 动画 


逐 帧 动画 (frame by frame) 是 一 种 常见 的 动画 形式 , 即 在 时 间 轴 上 和 逐 帧 绘制 帧 内 容 , 由 
于 是 一 帧 一 帧 地 画 , 所 以 逐 帧 动画 具有 非常 大 的 灵活 性 ,几乎 可 以 表现 任何 想 表现 的 内 容 。 
其 原理 是 在 “连续 的 关键 帧 ”中 分 解 动画 动作 ,也 就 是 在 时 间 轴 的 每 帧 上 逐 帧 绘制 不 同 的 内 
容 , 使 其 连续 播放 而 成 动画 。 因 为 逐 帧 动画 的 帧 序列 内 容 不 一 样 , 所 以 ,给 动画 制作 增加 了 
负担 ,而 且 最 终 输出 的 文件 量 也 很 大 ; 其 优点 是 , 它 类 似 于 电影 的 播放 模式 ,很 适合 表现 细 
腻 的 动画 。 例 如 : 人 物 或 动物 急剧 转身 ,头发 及 衣服 的 飘动 ,走路 、 说 话 以 及 精致 的 3D 效 

创建 逐 帧 动画 有 以 下 几 种 方法 。 

(1) 用 导入 的 静态 图 片 建立 逐 帧 动画 。 用 jpg、png 等 格式 的 静态 图 片 连续 导入 Flash 
中 ,就 会 建立 一 段 逐 帧 动画 。 

(2) 绘制 矢量 逐 帧 动画 。 用 鼠标 或 压 感 笔 在 场景 中 一 帧 帧 地 画 出 帧 内 容 。 

(3) 文字 逐 帧 动画 。 用 文字 作 帧 中 的 元 件 ,实现 文字 跳跃 .旋转 等 特效 。 

(4) 导入 序列 图 像 。 可 以 导入 gif 序列 图 像 、swf 动画 文件 或 者 利用 第 三 方 软件 (如 
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swish、swift 3D 等 ) 产 生 的 动画 序列 。 

在 动画 中 ,重要 的 帧 称 为 关键 帧 ,关键 帧 之 间 的 帧 称 为 中 间 帧 。 逐 帧 动画 中 的 中 间 帧 由 
计算 机 完成 ,计算 机 使 用 关键 帧 的 算法 自动 生成 中 间 各 帧 。 最 常用 的 关键 帧 算法 是 插值 算 
法 。 所 有 影响 画面 图 像 的 参数 ,例如 位 置 、 旋 转角 度 纹理 等 都 是 关键 帧 参数 。 

中 间 帧 生成 的 插值 算法 的 一 般 步骤 如 下 。 

(1) 分 解 。 首 先 将 关键 帧 画面 分 解 成 几 部 分 ,每 一 部 分 包含 一 个 关键 图 形 , 这 些 关 键 图 
形 将 作为 生成 操作 的 处 理 单元 。 然 后 ,将 每 一 部 分 的 关键 图 形 又 分 解 成 若干 个 笔画 ,这些 笔 
画 是 可 见 线段 的 组 合 序列 。 

(2) 预 处 理 。 如 果 两 关键 图 形 的 笔画 (或 折线 .曲线 ?数量 不 相等 , 则 进行 预 处 理 ,其 目 
的 是 使 两 画面 的 笔画 数量 相等 。 所 有 的 对 应 笔画 均 需 要 有 相同 数量 的 点 。 

(3) 插值 。 要 计算 两 关键 帧 图 形 之 间 的 中 间 图 形 , 需 在 两 对 应 画面 图 形 之 间 进 行 插值 
计算 。 插 值 一 般 有 两 种 方式 : 线性 插值 和 非 线 性 插值 。 线 性 插值 可 实现 平稳 的 过 渡 效 果 ， 
非 线 性 插值 则 可 以 实现 某 种 特殊 的 加 速度 效果 。 在 插值 计算 过 程 中 ,可 以 采用 四 个 不 同 的 
法 则 ,它们 可 使 物体 在 中 间 的 画面 中 分 别 以 等 速 加速、 减速 或 先 加速 后 减速 的 方式 运动 。 

线性 插值 算法 计算 方法 简单 .速度 快 ,但 存在 一 些 问题 : 第 一 ,图 形变 换 中 每 个 点 都 是 
沿 着 直线 运动 ,而 且 每 个 点 的 运动 规则 都 相同 ,生成 的 动画 显得 生硬 .不 自然 ; 第 二 ,运动 设 
计 中 要 求 几 个 关键 帧 画面 ,这 些 画 面 造成 了 运动 的 不 连续 ; 第 三 , 若 关键 帧 画面 之 间 有 旋 
转 、 扭 曲 等 分 量 ,线性 插值 就 会 产生 失真 。 

骨架 法 是 改善 线性 插值 的 一 种 方法 。 该 方法 将 图 形 抽象 简化 为 由 简单 的 骨架 构成 ,而 
不 是 用 图 形 本 身 来 作为 插值 的 依据 。 骨 和 架 , 或 称 线条 图 ,是 由 几 个 点 组 成 的 图 形 或 人 物 形态 
的 简单 描述 , 它 描述 要 求 的 运动 形式 。 使 用 这 种 方法 ,动画 创作 人 员 只 需 控制 一 些 由 骨架 生 
成 的 关键 图 ,然后 计算 机 再 由 这 些 关 键 骨 架 图 生成 中 间 骨 架 图 。 由 于 骨架 图 较 简单 ,也 相 
似 , 因 此 能 得 到 较 好 的 中 间 图 。 

采用 线性 插值 法 计算 物体 形状 的 变化 是 很 方便 的 , 当 给 出 两 幅 关键 图 形 后 ,就 能 生成 效 
果 很 好 的 中 间 图 画 。 但 是 ,由 于 前 面谈 到 的 线性 插值 的 几 个 问题 , 它 不 大 适合 于 物体 位 置 改 
变 的 运动 场合 。 这 个 问题 可 应 用 运动 物体 所 遵循 的 物理 定律 来 解决 ,将 路 径 描述 与 插值 算 
法 相 结 合 也 能 较 方便 地 解决 。 动 态 图 可 以 依靠 连续 变动 静态 图 来 得 到 。 





9.2.2 实时 动画 


实时 动画 (real-time) 也 称 算法 动画 , 它 是 采用 各 种 算法 来 实现 运动 物体 的 运动 控制 ,在 
实时 动画 中 ,计算 机 一 边 计算 一 边 显示 来 产生 动画 效果 。 实 时 动画 一 般 不 包含 大 量 的 动画 
数据 ,而 是 对 有 限 的 数据 进行 快速 处 理 , 并 将 结果 随时 显示 出 来 。 实 时 动画 的 响应 时 间 与 许 
多 因素 有 关 , 如 计算 机 的 运算 速度 、 软 硬件 处 理 能 力 、 景 物 的 复杂 程度 、 画 面 的 大 小 等 。 

在 实时 动画 中 ,一 种 最 简单 的 运动 形式 是 对 象 的 移动 , 它 是 指 屏幕 上 一 个 局 部 图 像 或 对 
象 在 二 维 平面 上 沿 着 某 一 固定 轨迹 运动 。 

实时 动画 是 最 灵活 的 动画 ,但 也 是 最 慢 的 。 由 于 在 进行 动画 展示 的 同时 绘制 每 一 幅 图 
像 ,因此 可 以 根据 需要 动态 地 改变 下 一 幅 图 像 内 容 , 也 就 是 最 具有 交互 性 。 实 时 动画 的 交互 
特性 使 之 成 为 三 维 环境 中 移动 模拟 的 有 利 候选 者 。 
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实时 动画 是 采用 算法 实现 对 物体 的 运动 控制 或 模拟 摄像 机 的 运动 控制 ,一 般 适 合 于 三 
维 情形 。 根 据 不 同 的 算法 可 分 为 以 下 几 种 。 

(1) 运动 学 算法 。 由 运动 学 方程 确定 物体 的 运动 轨迹 和 速率 。 

(2) 动力 学 算法 。 从 运动 的 动因 出 发 ,由 力学 方程 确定 运动 形式 。 

(3) 反 向 运动 学 算法 。 已 知 链接 物 末 端的 位 置 和 状态 , 反 求 运动 方程 以 确定 运动 形式 。 

(4) 反 向 动力 学 算法 。 已 知 链接 物 末端 的 位 置 和 状态 , 反 求 动 力学 方程 以 确定 运动 
形式 。 

(5) 随机 运动 算法 。 在 某 些 场合 下 加 进 运 动 控制 的 随机 因素 。 

尽管 实时 动画 达 不 到 帧 动画 那样 的 速度 ,但 良好 的 交互 性 使 得 它 成 为 动画 设计 的 最 佳 
选择 。 在 动画 展示 的 同时 生成 每 一 幅 图 像 ,可 以 很 容易 地 使 用 键盘 来 改变 进行 动画 展示 的 
模型 的 形状 、 位 置 和 其 他 特征 。 改 善 实时 动画 效果 有 以 下 方法 。 

(1) 越 简单 越 好 。 尽 量 使 图 像 简 单 。 计 算 机 生成 图 像 的 时 间 越 长 ,动画 的 速度 就 越 慢 。 
在 实时 动画 中 ,模型 的 动作 决定 了 图 形 的 可 信 程度 ,也 就 是 说 ,绘制 模型 的 细节 并 不 太 重 要 。 
重要 的 是 动作 。 如 果 我 们 注重 图 形 的 细节 ,那么 最 好 使 用 帧 动画 或 BITBLIT 动画 。 

(2) 使 用 背景 缓冲 区 。 如 果 需 要 复杂 的 背景 ,比如 远 处 的 群 山 或 城堡 ,可 以 使 用 另 一 个 
隐藏 页 ,不 妨 称 之 为 背景 缓冲 区 ,把 背景 画 好 后 存储 在 该 页 中 。 动 画 序列 的 每 一 帧 图 像 用 下 
面 介绍 的 方法 产生 : 先 把 背景 缓冲 区 的 内 容 复制 到 作 图 页 中 ; 然后 在 作 图 页 上 绘制 图 像 ; 
最 后 切换 显示 页 和 作 图 页 ,这样 含有 背景 的 图 像 就 被 显示 到 屏幕 上 。 

(3) 优化 运动 轨迹 函数 。 尽 量 减 少 复杂 公式 的 计算 时 间 ,例如 正 余弦 等 费时 的 计算 尽 
量 调整 为 增 量 运算 ,把 一 些 复杂 的 公式 计算 分 解 为 减少 计算 量 的 多 部 分 组 合 来 实现 。 

(4) 使 用 线性 模型 。 尽 量 采用 线性 模型 ,复杂 的 曲面 造型 计算 十 分 费时 ,平面 线性 造型 
相对 计算 量 较 少 ,因此 ,在 不 影响 效果 的 前 提 下 ,应 尽量 选择 线性 造型 模型 来 表达 。 
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由 于 计算 机 实时 动画 方法 并 不 需要 事先 存储 动画 帧 ,而 是 在 动画 展示 过 程 中 实时 计算 
获得 每 一 个 画面 ,那么 ,对 于 本 书 前 文 利 用 图 形 学 原理 生成 的 各 种 图 形 ,如 三 维 拉 伸 体 、 曲 面 
等 ,如 果 将 其 作为 动画 展示 对 象 ,在 一 定 的 时 间 内 连续 进行 图 ”i 
形变 换 操作 ,如 平移 变换 或 者 旋转 变换 ,并 连续 显示 每 一 次 图 
形变 换 的 结果 ,这 样 就 可 以 产生 实时 动画 的 效果 。 痊 取 动画 对 梨 ， 实体 或 者 曲面 

为 了 实现 上 述 的 图 形 实 时 动画 方法 ,可 以 利用 前 面 章节 
已 经 完成 的 应 用 程序 CGTest002 ,首先 在 程序 中 创建 一 个 如 | 一 aaams 赤 | 
图 9. 3-1 所 示 的 CAnimationDlg 非 模式 对 话 框 作为 主要 设置 “|‖ 切取 动 本 执 迹 ， 多边形 

口 。 在 该 对 话 设置 动画 对 象 .动画 运动 轨迹 ,以 及 设置 
窗 在 该 框 内 设置 动画 对 象 .动画 运动 轨 
首先 ,在 CAnimationDlg 对 话 框 的 类 结构 中 ,增加 动画 对 关闭 
象 和 动画 轨迹 两 个 变量 ,动画 对 象 和 动画 轨迹 可 以 通过 在 屏幕 


开始 和 停止 动画 的 播放 。 
上 拾取 图 形 获得 ,因此 ,这 两 个 变量 都 定义 为 CPicker 拾取 类 的 ”图 9.3-1 动画 设置 对 话 框 
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类 型 。 

为 了 实现 交互 操作 ,在 对 话 框 中 设置 两 个 按钮 IDC_BUTTON_PICK_OBJECT 和 IDC_ 
BUTTON_PICK_TRAIL 来 拾取 动画 对 象 和 拾取 动画 轨迹 ,并 设置 两 个 静态 文本 控件 IDC_ 
STATIC_OBJEC 和 IDC_STATIC_TRAIL 说 明 拾 取 状 态 。 

在 动画 展示 时 ,为 了 实现 连续 的 图 形变 换 操 作 ,需要 在 应 用 程序 中 设置 一 个 计时 器 。 开 
始 动画 展示 时 ,计时 器 开始 计时 。 设 置 计时 的 时 间 间 隔 , 例 如 100ms 一 个 间隔 ,在 每 一 次 计 
时 的 间隔 ,动画 对 象 图 形变 换 到 一 个 新 位 置 并 实时 显示 ,这 样 ,连续 播放 图 形变 换 的 结果 就 
是 实时 动画 的 效果 。 在 VC 程序 中 ,计时 器 对 应 的 消息 是 WM_TIMER ,在 “建立 类 向 导 ” 里 
映射 WM_TIMER 对 应 的 消息 函数 OnTimer()。 当 在 程序 中 调用 SetTimer() 函数 时 ,启动 
计时 器 ,SetTimer() 函 数 的 第 一 个 参数 对 应 一 个 计时 器 序号 ,第 二 个 参数 是 设置 计时 器 的 时 
间 间 隔 , 例 如 SetTimer(1,100,NULL) 就 设置 并 启动 了 一 个 100ms 间隔 的 计时 器 。 计 时 器 
启动 后 ,在 每 一 个 计时 间隔 都 会 调用 消息 函数 OnTimer() ,将 动画 对 象 的 每 一 次 图 形变 换 
代码 放 在 OnTimer() 中 ,并 实时 显示 , 即 可 实现 动画 展示 。 当 停止 动画 展示 时 ,调用 
KillTimer(1) 函数 ,参数 值 1 为 对 应 的 计时 器 序号 , 则 计时 器 停止 计时 ,程序 不 再 调用 
OnTimer() 函 数 ,动画 展示 停止 。 

本 应 用 程序 实现 动画 展示 的 思路 是 ,首先 在 显示 屏幕 上 拾取 动画 对 象 和 动画 轨迹 ,为 了 
减少 程序 处 理 的 代码 量 , 动 画 对 象 只 拾取 拉 伸 实体 和 B 样 条 曲面 ,动画 轨迹 只 拾取 多 边 形 
作为 运动 轨迹 。 动 画展 示 开 始 时 ,动画 对 象 首先 平移 到 动画 轨迹 的 起 点 ,然后 再 沿 动画 轨迹 
的 路 线 平 移 ,动画 对 象 在 平移 的 同时 绕 自身 旋转 ,自身 旋转 点 取 其 边界 包围 盒 的 中 心 点 。 

在 应 用 程序 的 CCGTest002View 类 中 建立 动画 对 话 框 CAnimationDlg 的 指针 变量 , 注 
意 : 在 CCGTest002View 视图 的 构造 函数 中 创建 该 指针 对 象 ,在 析 构 函数 中 释放 该 指针 对 
象 。 在 应 用 程序 的 工具 栏 中 建立 一 个 用 于 打开 动画 对 话 框 的 工具 条 。 动 画 对 话 框 打开 的 代 
码 如 下 : 

void CCGTest002View: :OnAnimation() { // 动 画 

if(this—>m AnimationDlg — > GetSafeHwnd() == NULL) 
this—>m AnimationDlg—> Create( ); 
else 
this—>m AnimationDlg 一 > ShowWindow( TRUE); 
this—>m iFlag= 18; // 动 画 对 应 的 标识 为 18 

上 

动画 设置 对 话 框 CAnimationDlg 的 头 文件 AnimationDlg. h 代码 如 下 ,其 中 粗 体 代码 
部 分 为 手动 增加 的 变量 等 代码 ,其 他 相关 代码 可 以 通过 类 向 导 自 动 生 成 : 

#if !defined(REX_RNIMRTIONDLG H A8B7C766 2285 4ACE 9F1F D73FC47B5FBE INCLUDED ) 

# define AFX ANIMATIONDLG H A8B7C766 2285 4ACE 9F1lF D73FC47B5FBE _INCLUDED_ 

#if _MSC VER > 1000 

# pragma once 

# endif 

# include "BasicClass.h" 

class CCGTest002View; 


class CAnimationDlg : public CDialog{ 
//Construction 
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public: 


CanimationD1g(CWnd * pParent = NULL); //standard constructor 
BOOL Create( ); 
CCGTest002View * m pView; 


int m Flag; // 动 画 标识 符 

int m iAnimationFlag; // 动 画 计数 

CPicker m AnimationObject; // 动 画 对 象 ,只 允许 是 拉 伸 体 和 曲面 
CPicker m AnimationTrail; // 动 画 轨 迹 ,只 允许 是 多 边 形 
CPoint3D Pt_Object 0,Pt Object 1,Pt Object; // 动 画 对 象 起 始 、 终 止 及 现在 位 置 
int m DisNum; // 记 录 每 个 轨迹 段 的 细 分 数量 

int m iTrailNo; // 轨 迹 段 


//Dialog Data 


//{{AFX_DATA(CAnimationD1g) 

enum { IDD = IDD_DIALOG ANIMATION }; 
CString m strObject; 

CString m strTrail; 

//}}AFX_DATA 


//Overrides 


//ClassWizard generated virtual function overrides 
//{{AFX_VIRTUAL(CAnimationDlg) 

protected: 

virtual void DoDataExchange(CDataExchange * pDX); //DDX/DDV support 
//}}AFX_VIRTUAL 


//Implementation 
protected: 


}; 


//Generated message map functions 
//{{AFX_MSG(CAnimationD1g) 
virtual BOOL OnInitDialog( ); 
afx_msg void OnTimer(UINT nIDEvent); 
afx_msg void OnStop( ); 

afx_msg void OnStart(); 

afx_msg void OnClose( ) ; 

afx_msg void OnButtonPickObject( ); 
afx_msg void OnButtonPickTrail(); 
//}}AFX_MSG 

DECLARE MESSAGE, MAP( ) 





#endif 


CAnimationDlg 的 执行 文件 AnimationDlg. cpp 代码 如 下 : 


# include "stdafx. h" 

# include "CGTest002.h" 

# include "AnimationDlg. h" 

# include "math.h" 

# include "CGTest002View. h" 

# ifdef _DEBUG 

# define new DEBUG_NEW 

# undef THIS_FILE 

static char THIS FILE[] = _ FILE ; 
#endif 
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LALLLLLLLALLALLLLLLLLLLLALLLLLLALLLLLLLLLLALLLLLLLALLLLLLALLLALAALLLALA 
//CAnimationDlg dialog 
CAnimationDlg: :CAnimationDlg(CWnd * pParent /* = NULL*/) 

: CDialog(ChnimationD1g: :IDD, pParent){ 

//{{AFX_DATA INIT(CAnimationDlg) 

m strObject = _T(""); 

m strTrail = _T(""); 

//}}AFX_DATA_INIT 

m Flag= 0; 

m iAnimationFlag = 0; 
} 
BOOL CAnimationDlg: : Create(){ 

return CDialog: : Create(CRnimationD1g: : IDD); 
} 
void ChnimationD1g: :DoDataExchange(CDataExchange * pDX){ 

CDialog: :DoDataExchange(PDX) ; 

//{{AFX_DATA_MAP(CAnimationD1g) 

DDX_Text (pDX, IDC_STATIC OBJECT, m_strObject); 

DDX_Text (pDX, IDC_STATIC TRAIL, m_strTrail); 

//}}AFX_DATA MAP 
} 
BEGIN_MESSAGE MAP(CAnimationDlg, CDialog) 

//{{AFX_MSG_MAP(CAnimationD1g) 

ON_WM_TIMER( ) 

ON_BN_CLICKED( IDC_STOP, OnStop) 

ON_BN_CLICKED( ID_START, OnStart) 

ON_WM_CLOSE( ) 

ON_BN_CLICKED( IDC_ BUTTON_PICK_OBJECT, OnButtonPickObject) 

ON_BN_CLICKED( IDC_BUTTON_PICK_TRAIL, OnButtonPickTrail) 

//}}AFX_MSG_MAP 
END_MESSAGE, MAP() 
A77111111111111111111111117111111111111111111111111111111111111111111111111111/ 
//CAnimationDlg message handlers 
BOOL ChnimationD1g: :OnInitDialog() { 

CDialog: :OnInitDialog( ); 

if(this—>m AnimationObject. picktype!= pick_body| |this — > m_AnimationObject. picktype!= 
pick_bsurf) 

this 一 >m_strObject = "拾取 动画 对 象 : 实体 或 者 曲面 "; 
if(this—>m AnimationTrail. picktype!= pick_polyline) 
this ->m_strTrail = "拾取 动画 轨迹 : 多 边 形 "; 
UpdateDatal( FALSE); 
return TRUE; //return TRUE unless you set the focus to a control 
//EXCEPTION: OCX Property Pages should return FALSE 

void CAnimationDlg: :OnTimer(UINT nIDEvent) 
{// 计 算 移动 后 的 中 心 位 置 ,并 进行 图 形变 换 

m iAnimationFlag++; 
Pt _Object.x= Pt Object 0.x+ (Pt_Object 1.x— Pt Object_0.x) *m iAnimationFlag/m_DisNum; 
Pt Object.y= Pt Object 0.y+ (Pt_Object 1.y— Pt Object_0.Y) *m iAnimationFlag/m_DisNum; 
Pt Object.z=Pt Object 0.z+ (Pt Object 1.z—Pt Object_0.z) *m iAnimationFlag/m DisNum; 
this—>m pView—> Animation(m AnimationObject,Pt Object, (Pt _Object 1.x— Pt Object 0.x)/m_ 
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DisNum, (Pt _ Object 1.y— Pt Object 0.y)/m DisNum, (Pt Object 1.z— Pt Object 0.z)/m DisNunm, 


Ti // 图 形变 换 
if(m iAnimationFlag == m DisNum){ // 计 算 下 一 轨迹 段 


Pt_Object_ 0 = Pt Object; 
if(m iTrailNo<m AnimationTrail.m PolyLine.m PolyLine array Out.GetSize()—1) 
m iTrailNot+; 
else 
m iTrailNo= 0; // 全 部 动画 完 后 ,再 从 头 循环 动画 
Pt Object 1.x=this—>m AnimationTrail.m PolyLine.m PolyLine array Out. GetAt(m iTrailNo). 
pt2. x; 
Pt_Object 1.y=this—>m AnimationTrail.m PolyLine. m PolyLine array_Out. Getht(m_iTrailNo) . 
pt2.Y7 
Pt Object 1.z=0; 
// 设 置 距离 3 个 像素 为 一 个 间隔 
m_DisNum = sqrt((Pt_Object_1.x- Pt_Object_0.x) * (Pt_Object_ 1.x— Pt Object 0.x) + (Pt_Object_ 
1.y— Pt Object 0.y)* (Pt Object 1.y- Pt Object 0.y))/3.0; 
if(m DisNum== 0) m DisNum= 1; 
m iAnimationFlag = 0; 
} 
this 一 >m_pView 一 > Invalidate(); 
CDialog: :OnTimer(nIDEvent) ; 
， 


void ChnimationD1g: :OnStop() { // 停 止 动画 
if(m Flag==1){ 
KillTimer(1); // 关 闭 计 时 器 ,停止 动画 
m Flag= 0; 


m iAnimationFlag = 0; 


} 
// 计 算 包围 盒 的 两 个 边界 极 值 点 
void GetMinMaxPt (CPoint3D &Pt, CPoint3D &Ptmin, CPoint3D &Ptmax){ 
if(Ptmin.x> Pt.x) Ptmin. x= Pt.x; 
if(Ptmin.y> Pt.y) Ptmin.y= Pt. y; 
if(Ptmin.z<Pt.z) Ptmin.z= Pt.2z; 
if(Ptmax.x<Pt.x) Ptmax. x= Pt.x; 
if(Ptmax.y<Pt.y) Ptmax. y= Pt.y; 
if(Ptmax.z<Pt.z) Ptmax.z = Pt.z; 
l 
void ChnimationD1g: :OnStart() 
{// 开 始 动画 ,首先 ,在 动画 对 象 和 轨迹 起 始点 之 间作 为 第 一 个 动画 轨迹 段 
if(m_Flag==0) { 
if(this—>m AnimationObject. picktype == pick_none) return; 
// 计 算 动 画 对 象 的 中 心 点 
CPoint3D PtOmin, PtOmax, Ptlmin, Ptlmax; 
double dbl; 
if(this—>m AnimationObject. picktype == pick body){ // 动 画 对 象 是 拉 伸 体 
// 首 先 ,计算 拉 伸 体 所 在 的 空间 边界 包围 合 
PtOmin = this 一 > m AnimationObject.m Body_Stretch. EdgePlane[0]. loop_out. Getat(0) . 
Pt1_3D; 
PtOmax = this—>m AnimationObject.m Body_ Stretch. EdgePlane[1].1loop_out.GetAt(0). 
PE 3D; 
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if(PtOmin.x> PtOmax. x){ 
dbl = PtOmin. x; 
PtOmin.x= PtOmax. x; 
PtOmax. x= dbl; 
if(PtOmin.y> PtOmax. y){ 
dbl = PtOmin. y; 
PtOmin. y= PtOmax. y; 
PtOmax. y= dbl; 
} 
if(PtOmin. z > PtOmax. z){ 
dbl = PtOmin. z; 
PtOmin.z = PtOmax. z; 
PtOmax. z = dbl; 
} 
for(int i=0;i<m AnimationObject.m Body Stretch. EdgePlane[0].1loop out.GetSize();i++){ 
GetMinMaxPt(this - >m_ AnimationObject.m_Body_Stretch. EdgePlane[ 0]. loop_out. GetAt (i). 
Pt2_3D, PtOmin, PtOmax); 
GetMinMaxPt(this - >m_ AnimationObject.m_Body_Stretch. EdgePlane[1]. loop_out. GetAt (i). 
Pt2_3D, PtOmin, PtOmax); 
} 
Pt_Object 0.x= (int)(0.5+ (PtOmin.x+ PtOmax. x)/2.0); 
Pt_Object_0.y= (int)(0.5+ (PtOmin. y+ PtOmax. y)/2.0); 
Pt_Object 0.z= (int)(0.5+ (PtOmin.z + PtOmax.z)/2.0); 
} 
else {// 动 画 对 象 是 曲面 ,首先 计算 曲面 的 空间 边界 包围 盒 
PtOmin= m AnimationObject.m BSplineSurf_Stretch. BSplineCurve0.m Array Vector. GetAt(0); 
PtOmax = m_AnimationObject.m BSplineSurf_Stretch. BSplineCurvel.m Array Vector. GetAt(0); 
if(PtOmin.x> PtOmax. x){ 
dbl = PtOmin. x; 
PtOmin. x= PtOmax. x; 
PtOmax. x= dbl; 
} 
if(PtOmin. y> PtOmax. y) { 
dbl = PtOmin. y; 
PtOmin. y= PtOmax. y; 
PtOmax. y= dbl; 
} 
if(PtOmin.z> PtOmax. z){ 
dbl = PtOmin. z; 
PtOmin. z= PtOmax. z; 
PtOmax. z= dbl; 
} 
for(int i=1;i<this—->m AnimationObject.m BSplineSurf Stretch. BSplineCurve0. 
m Array_ Vector. GetSize();i++) { 
Ptlmin = this—>m AnimationObject.m BSplineSurf_Stretch. BSplineCurve0.m Array_Vector. 
GetAt(i); 
GetMinMaxPt(Ptlmin, PtOmin, PtOmax); 
Ptlmin = this—>m AnimationObject.m BSplineSurf_Stretch. BSplineCurvel.m _ Array_Vector. GetAt 
(i); 
GetMinMaxPt(Ptlmin, PtOmin, PtOmax); 
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} 
Pt_Object 0.x= (int)(0.5+ (PtOmin.x+ PtOmax. x)/2.0); 
Pt_Object 0.y= (int)(0.5+ (PtOmin.y+ PtOmax. y)/2.0); 
Pt_Object 0.z= (int)(0.5+ (PtOmin.z + PtOmax. z)/2.0); 
} 
// 计 算 拾 取 轨 迹 第 一 个 点 
Pt Object 1.x=m AnimationTrail.m PolyLine.m PolyLine array Out.GetAt(0).ptl.x; 
Pt Object 1.y=m AnimationTrail.m PolyLine.m PolyLine array Out.GetAt(0).ptl.y; 
Pt Object 1.z=0; 
// 按 3 个 像素 距离 细 分 每 一 个 轨迹 段 
m DisNum= sqrt((Pt_Object 1.x— Pt Object 0.x)* (Pt Object 1.x— Pt Object 0.x) + (Pt_Object 
_1.y-Pt Object 0.y) * (Pt Object 1.y— Pt Object 0.y))/3.0; 
if(m DisNum== 0) m DisNum= 1; 
this—>m pView—>m Picker.picktype = pick_none; 


m_ iTrailNo=—1; // 第 -1 段 轨迹 
SetTimer(1, 40, NULL); // 设 置 了 一 个 40ms 的 定时 器 ,启动 计时 器 ,开始 动画 
m Flag=1; 


m iAnimationFlag = 0; 


} 
void CAnimationDlg: :OnClose() 
{// 关 闭 动画 对 话 框 时 ,停止 动画 
if(m Flag==1){ 
KillTimer(1); // 关 闭 计 时 器 ,停止 动画 
m Flag= 0; 
m iAnimationFlag = 0; 
this ->m_pView 一 > Invalidate(); 
} 
CDialog: :OnClose( ); 
} 
void ChnimationD1g: :OnButtonPickObject() 
{ 
this—>m pView—>m iFlag= 19; // 设 置 在 视图 View 里 拾取 动画 对 象 
有 
void CAnimationDlg: :OnButtonPickTrail() 
{ 
this—>m pView—>m iFlag= 20; // 设 置 在 视图 View 里 拾取 动画 轨迹 


在 动画 对 话 框 的 计时 消息 函数 OnTimer() 中 调用 的 CCGTest002View 中 的 Animation() 
图 形变 换 函 数 代码 为 : 

void CCGTest002View: :Animation(CPicker& m Obj,CPoint3D &Pt_0bject,doublex_dis,doubley_dis， 

double z_dis, double x_rAngle, double y_rAngle, double z_rAngle){ 


double m Matrix[4][4]; 
GetMatrix(m Matrix,0,x dis,y dis,z_dis,0,0);  //iFlag:0 移动 


GetNewAnimate(m Obj,m Matrix); // 生 成 变换 后 的 点 
int iAxis=1; // 沿 x 轴 旋 转变 换 
AnimationRotate(m_0bj, Pt_0bject, iAxis, x_rAngle) ;// 旋 转变 换 

iaxis= 2; // 沿 了 轴 旋 转变 换 


AnimationRotate(m Obj,Pt Object, iAxis,y rAngle); 
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iaxis = 37 // 沿 z 轴 旋 转变 换 
AnimationRotate(m Obj,Pt Object, iAxis,z rAngle); 
if(m_0bj. picktype == pick_body){// 修 改 原 拉 伸 体 的 位 置 
for(int i=0;i<num Body;i++) { 
if(m Body[i] ==m Obj.m Body Stretch){ 
m Body[i] =m Obj.m Body Stretch; 
break; 


else {// 修 改 原 曲面 的 位 置 
for(int i=0;i<m BSplineSurf Stretch Array.GetSize();i++) { 
if(m Obj.m BSplineSurf Stretch==m BSplineSurf Stretch Array.GetAt(i)){ 
m BSplineSurf Stretch Array.RemoveAt(i); 
m_BSplineSurf_Stretch Array. InsertAt(i,m Obj.m BSplineSurf_ Stretch); 
break; 


m Picker, picktype = pick_none; 
Invalidate( ); 
} 


其 中 移动 变换 矩阵 后 生成 新 点 的 函数 GetrNewAnimate() 代 码 如 下 : 


void CCGTest002View: :GetNewAnimate(CPicker& m_0bj, double m Matrix[ ][4]){ 
if(m Obj.picktype == pick_bsurf) 
GetNewPoint(m Obj.m BSplineSurf Stretch,m Matrix); 
else 
GetNewPoint(m Obj.m Body_Stretch,m Matrix); 
} 


旋转 变换 并 生成 新 点 的 函数 AnimationRotate() 代 码 如 下 : 


void CCGTest002View: : AnimationRotate (CPicker& m_Obj, CPoint3D &pt3D, int g&m_iAxis, double 
Sangle){ 
if(m Obj.picktype == pick_body) { 
double m Matrix[4][4],m Matrix0[4][4]; 


// 首 先 移动 到 原点 

GetMatrix(m Matrix,0,pt3D.x* (—1),pt3D.y* (—1),pt3D.z*(—1),0,1); 
GetMatrix(m Matrix0,m_ iAxis,0,0,0,angle,1); // 沿 轴 旋 转 
MatrixXMatrix(m Matrix, m Matrix0); // 和 矩阵 级 联 
GetMatrix(m_Matrix0, 0, pt3D. x, pt3D. y, pt3D.z,0,1); ”// 移 回 原 位 置 
MatrixXMatrix(m Matrix,m Matrix0); // 和 矩阵 级 联 

// 实 体 乘 以 变换 矩阵 ,得 新 点 


GetNewPoint(m Obj.m Body _ Stretch,m Matrix); 
} 
else if(m Obj.picktype == pick bsurf){ 
// 为 了 显示 ,将 实体 绕 第 一 个 点 旋转 
double m Matrix[4][4],m Matrix0[4][4]; 
CVector Vt; 
// 首 先 移 动 到 原点 
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CPoint3D pt3D; 

Vt=m Picker.m BSplineSurf Stretch. BSplineCurve0.m Array Vector.GetAt(0); 
pt3D.x=Vt.v x; pt3D.y= Vt.v_y; pt3D.z= Vt.v z7 

GetMatrix(m Matrix,0,pt3D.x* (—1),pt3D.y* (一 1),pt3D.zx( 一 1),0,1)7 


GetMatrix(m Matrix0,m iAxis,0,0,0,angle,1); // 沿 轴 旋 转 
MatrixXMatrix(m_ Matrix,m Matrix0); // 和 矩阵 级 联 
GetMatrix(m_Matrix0,0,pt3D.x, pt3D. y, pt3D.z,0,1); ”// 移 回 原 位 置 
MatrixXxMatrix(m Matrix,m Matrix0); // 和 矩阵 级 联 


GetNewPoint(m Picker.m BSplineSurf Stretch,m Matrix); 
this—>m iFlag=—1; 
Invalidate( ); 


在 动画 设置 对 话 框 中 , 单 击 “ 拾 取 动 画 对 象 或 者 “拾取 动画 轨迹 ”按钮 时 ,分 别 设置 
CCGTest002View 中 标识 m_iFlag 二 19 或 者 m_iFlag 二 20, 这 样 就 可 以 在 视图 中 拾取 动画 
对 象 和 动画 轨迹 。 在 OnMouseMove() 中 增加 鼠标 移动 拾取 动画 对 象 或 者 拾取 动画 轨迹 的 
代码 如 下 : 


void CCGTest002View: :OnMouseMove(UINT nFlags, CPoint point) { 
…//( 原 有 代码 此 处 省 上 略 ) 
else if(this ->m iFlag==19){// 拾 取 动 画 对 象 : 实体 或 者 曲面 
int iflag= 0; 
if(CheckIsPicked(point,m_Body, num_Body,m_Picker0) == true) // 是 否 在 实体 上 
iflag=1; 
else 
if(CheckIsPicked(point,m BSplineSurf Stretch Array,m Picker0) == true) 
iflag= 1; 
else 
iflag= 0; 
} 
else if(this—>m iFlag== 20){ // 拾 取 动 画 的 轨迹 ,是 否 在 多 边 形 边 上 
int iflag= 0; 
if(CheckIsPicked(point,m PolyLine, iPolyLine, this ~ >m Picker0) == true) 
iflag=1; 
else 
iflag= 0; 


} 
在 OnLButtonDown() 中 增加 确定 拾取 动画 对 象 和 动画 轨迹 代码 如 下 : 


void CCGTest002View: :OnLButtonDown(UINT nFlags, CPoint point) { 
…//( 原 有 代码 此 处 省 上 略 ) 
else if(this 一 >m_iFlag== 19){ 
// 拾 取 动 画 的 实体 或 者 曲面 
if(m Picker0. picktype!= pick body&&m Picker0.picktype!= pick bsurf) 
return; 
CopyPicker(this—>m AnimationDlg— >m AnimationObject,m Picker0); 
this—>m AnimationDlg->m strObject = "已 拾取 "; 
this—>m AnimationDlg— > UpdateData(FALSE); 
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} 
else if(this—>m iFlag== 20){ 
// 拾 取 动 画 的 轨迹 多 边 形 
if(m Picker0. picktype!= pick polyline) 
return; 


CopyPicker(this — >m AnimationDlg— >m AnimationTrail,m Picker0); 
this—>m AnimationDlg ->m strTrail = "已 拾取 "; 
this—>m AnimationDlg — > UpdateData(FALSE); 


} 
图 9. 3-2 所 示 为 采用 上 述 程 序 实 现 的 动画 效果 图 。 动 画 对 象 为 拾取 的 一 个 拉 伸 实体 ， 
动画 轨迹 拾取 的 是 一 个 多 边 形 ,开始 动画 后 , 拉 伸 实体 先 运动 到 多 边 形 的 起 始点 ,然后 , 沿 着 
多 边 形 的 边界 轨迹 进行 平移 运动 ,在 平移 运动 的 同时 绕 自身 旋转 。 


i 














图 9.3-2 图 形 实时 动画 
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OpenGL 是 美国 SGI 公司 开发 的 一 套 实现 计算 机 图 形 应 用 的 接口 开发 包 , 它 将 开发 计 
算 机 图 形 应 用 程序 所 需 的 底层 图 形 功 能 一 一 例如 基本 图 形 生 成 .图 形变 换 、 消 隐 、 光 照 、 材 
质 、 反 走样 ,纹理 映射 曲线 曲面 造型 图像 处 理 以 及 图 形 的 交互 选取 等 复杂 的 计算 机 图 形 学 
算法 一 一 封装 成 一 系列 的 图 形 库 函 数 。 这 样 ,在 实现 具体 的 图 形 功 能 时 ,可 以 直接 在 
OpenGL 提供 的 图 形 库 函 数 基础 上 进行 开发 ,而 不 用 把 大 量 时 间 花 在 基本 图 形 算法 的 编程 
上 ,从 而 极 大 提高 开发 效率 。 另 外 , OpenGL 支持 计算 机 的 各 种 图 形 硬件 ,这 样 , 利 用 
OpenGL 作为 图 形 软件 接口 开发 的 计算 机 图 形 应 用 程序 具有 更 高 的 性 能 和 质量 。 广 大 计算 
机 厂商 也 将 OpenGL 与 自己 的 软 硬 系 统 相 集成 ,OpenGL 可 以 兼容 多 种 操作 系统 平台 如 
Windows、UNIX、Linux 以 及 MacOS 等 ,甚至 兼容 手机 移动 设备 采用 的 Android 和 iOS 等 
系统 ,所 以 OpenGL 具有 开放 性 、 跨 平台 以 及 与 硬件 无 关 的 特点 。OpenGL 可 以 实现 四 个 方 
面 的 功能 : 一 是 几何 图 形 对 象 的 绘制 ,从 二 维基 本 图 形 到 三 维 形体 ,并 可 实现 消 隐 、 光 照 等 
复杂 真实 感 图 形 显示 及 动画 等 ; 二 是 具有 一 定 的 图 像 处 理 功 能 ; 三 是 实现 比较 复杂 的 纹理 
映射 ; 四 是 曲线 曲面 绘制 。 因 此 ,OpenGL 具有 强大 的 图 形 功 能 ,在 计算 机 图 形 开发 领域 得 
到 了 广泛 的 应 用 。 

由 于 OpenGL 是 一 组 应 用 开发 接口 ( 即 APD ,所 以 ,要 使 用 OpenGL 开发 图 形 程 序 , 必 
须 首先 将 开发 环境 配置 为 支持 OpenGL 的 状态 ,在 使 用 OpenGL 的 图 形 库 函 数 时 ,要 严格 
遵守 其 要 求 的 接口 规范 。 本 章 将 介绍 OpenGL 在 VC6. 0 环境 下 的 开发 设置 方法 、 基 本 图 形 
的 OpenGL 编程 方法 以 及 实现 相关 的 图 形 功能 ,以 便 掌握 基本 的 OpenGL 图 形 开发 方法 。 


10.1 OpenGL 开发 环境 配置 及 相关 规范 介绍 


10.1.1 VC6.0 环境 OpenGL 配置 方法 


在 开发 OpenGL 程序 时 ,由 于 兼容 性 ,Windows 操作 系统 和 VC6. 0 环境 中 已 经 自 带 了 
OpenGL 的 核心 库 文件 ,使 用 时 直接 加 入 头 文件 和 编译 好 的 库 文件 即 可 ,但 是 还 有 一 些 扩展 
的 库 文件 (如 GLUT 工具 包 ) 在 编写 应 用 程序 时 也 会 用 到 ,需要 下 载 ,并 放 到 系统 中 以 便 使 
用 。Windows 环境 下 的 GLUT 最 新 版 下 载 地 址 为 (也 可 通过 其 他 途径 下 载 ): 





http://www. opengl. org/resources/libraries/glut/glut37.zip 
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将 下 载 的 压缩 包 解 开 , 将 得 到 5 个 文件 。 将 其 中 的 glut. h 文件 放 到 计算 机 硬盘 系统 盘 
符 下 的 “\Program Files (x86)\Microsoft Visual Studio\VC98\Include\GL” 文 件 夹 下 ; 将 
glut. lib 和 glut32. lib 文件 放 到 系统 盘 符 下 的 “\Program Files (x86)\Microsoft Visual 
Studio\VC98\Lib” 文 件 夹 下 ; 将 glut. dll 和 glut32. dll 文件 放 到 系统 盘 符 下 的 “\Windows\ 
System32” 文 件 夹 下 (对 于 64 位 操作 系统 ,这 两 个 文件 放 在 “\Windows\SysWOW64” 文 件 
夹 下 )。 注 意 ; 当 发 布 应 用 程序 时 ,需要 将 glut. dll 和 glut32. dll 文件 放 入 安装 包 中 ,和 应 用 
程序 的 执行 文件 一 起 复制 到 其 他 计算 机 上 。 

VC6.0 下 有 两 种 OpenGL 的 使 用 方式 ,第 一 种 是 创建 一 个 Win32 控制 台 应 用 程序 ( 即 
Win32 Console Application) ,这 时 产生 的 应 用 程序 初始 没有 可 视 化 的 界面 , 需 通过 OpenGL 
的 相关 函数 创建 可 视 化 窗口 以 及 窗口 内 的 操作 ; 第 二 种 方法 和 本 书 第 2 章 创建 MFC 
AppWizard(exe) 应 用 程序 的 步骤 相同 ,首先 建立 一 个 空 的 可 视 化 应 用 程序 ,然后 将 该 程序 
进一步 配置 为 OpenGL 开发 环境 。 由 于 第 二 种 使 用 方法 创建 的 应 用 程序 界面 比较 友好 , 交 
互 操作 方便 ,所 以 ,下 面 主要 讲述 第 二 种 情况 下 的 OpenGL 配置 方法 。 

假设 创建 的 应 用 程序 名 称 为 OpenGL001 ,首先 ,在 GLTest004View.h 头 文件 中 加 入 : 


# define GLUT_ DISABLE ATEXIT HACK 


#include <gl/gl.h> // 核 心 库 
#include <gl/glu.h> // 实 用 库 
# include <gl/glut.h> // 实 用 库 
#include <gl/glaux.h> // 辅 助 库 


然后 ,在 OpenGL001View. cpp 源 文件 中 加 入 : 


# pragma comment (1ib, "glaux") 
#pragma comment(1ib, "glut") 
#pragma comment (1ib, "glu32") 


在 OpenGL001View. cpp 文件 的 成 员 函 数 PreCreatWindow() 中 ,加 上 如 下 代码 : 
cs. style | = WS_CLIPSIBLINGS | WS_CLIPCHILDREN; 


用 于 设置 OpenGL 绘图 窗口 的 风格 。 

在 COpenGL001View 类 中 ,增加 如 下 对 应 消息 的 处 理 函 数 : 

WM_CREATE 一 一 对 应 消息 的 处 理 函 数 : OnCreate() 

WM_ERASEBKGND 一 一 对 应 消息 的 处 理 函 数 : OnEraseBkgnd() 

WM_SIZE 一 一 对 应 消息 的 处 理 函 数 : OnSize() 

WM_DESTROY 一 一 对 应 消息 的 处 理 函数 : OnDestroy() 

Windows 的 绘图 操作 在 显示 设备 环境 (device context, DC) 中 进行 ,OpenGL 是 在 一 
个 称 为 泻 染 环境 (rendering context, RC) 的 数据 结构 中 进行 ,因此 ,需要 将 Windows 的 
设备 环境 替换 为 OpenGL 的 泻 染 环境 ,首先 在 GLTest004View. h 的 View 类 中 增加 两 
个 成 员 : 

HGLRC m_hRC; // 这 染 环境 句柄 

CDCx* m_pDC; // 设 备 指针 
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再 增加 两 个 初始 化 成 员 函 数 : 
BOOL InitializeOpenGL( ); //openGL 初始 化 
BOOL SetupPixelFormat( ); // 设 置 像素 格式 


在 OpenGL001View. cpp 文件 中 增加 两 个 初始 成 员 函 数 的 实现 代码 : 


BOOL COpenGL001View: :InitializeOpenGL( ){ 


} 


// 获 得 视图 窗口 的 设备 环境 指针 

m pDC = new CClientDC(this); 

if(m_pDC == NULL){ 
MessageBox(" 获 得 视图 窗口 的 设备 环境 失败 !"); 


return FALSE; 

: 

if(!SetupPixelFormat()) { // 设 置 OpenGL 所 需 的 像素 格式 
return FALSE; 

} 

// 创 建 这 染 环境 句柄 

m_hRC = ::wglCreateContext (m_pDC —> GetSafeHdc ()); 


if(m hRC == 0) { 
MessageBox( "创建 泻 染 环境 失败 !") ; 
return FALSE; 
} 
// 将 RC 与 DC 关联 起 来 
if(::wglMakeCurrent (m_pDC— > GetSafeHdc (), m_hRC) == FALSE) { 
MessageBox("RC 与 DC 关联 失败 !"); 
return FALSE; 
} 
return TRUE; 


设置 OpenGL 像素 格式 的 函数 代码 如 下 : 


BOOL COpenGL001View: :SetupPixelFormat() { 


static PIXELFORMATDESCRIPTOR pfd = { 


sizeof (PIXELFORMATDESCRIPTOR), // 结 构 大 小 
和 // 版 本 号 
PFD_DRAW_TO_WINDOW | // 支 持 Windows 
PFD_SUPPORT_OPENGL | // 支 持 OpenGL 
PFD_DOUBLEBUFFER, // 双 缓冲 
PFD_TYPE RGBA, // 指 定 像素 类 型 
24, // 颜 色 深 度 缓冲 区 
0 省， 外/ 三 // 忽 略 颜色 位 
0， // 忽 略 Alpha 缓冲 
0, // 忽 略 Shift 位 
0, // 无 累积 缓冲 
人 天 // 无 累积 缓冲 
16, //16 位 z 缓 冲 
0, // 保 留 恒 为 0 
0, // 保 留 恒 为 0 
PFED MAIN PLANE, // 保 留 恒 值 
0, // 保 留 恒 为 0 
0, 0, 0 // 保 留 恒 为 0 


}; 
int m nPixelFormat = ::ChoosePixelFormat(m pDC—> GetSafeHdc(), &pfd); 
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证 (m_nPixelFormat == 0 ) { 

return FALSE; 
} 

证 ( ::SetPixelFormat(m pDC—> GetSafeHdc(), m npixelFormat, &pfd) == FALSE) { 

return FALSE; 
} 
return TRUE; 
} 


在 OnCreate() 中 通过 调用 InitializeOpenGL() 完 成 OpenGL 的 初始 化 : 


int COpenGL001View: :OnCreate( LPCREATESTRUCT lpCreateStruct) { 
if (CView: :OnCreate( lpCreateStruct) == —1) 
return -1; 
InitializeOpenGL( ); 
return 0; 


} 


在 视图 窗口 的 背景 重 绘 函 数 OnEraseBkgnd() 中 ,设置 不 重 绘 ,直接 返回 ,由 OpenGL 
设置 。 


BOOL COpenGL001View: :OnEraseBkgnd(CDC * pDC) { 

// return CView: :OnEraseBkgnd(pDC); // 不 重 绘 背景 
return TRUE; // 直 接 返 回 

} 


在 退出 应 用 程序 时 ,需要 释放 程序 启动 和 初始 化 时 申请 的 环境 句柄 和 设备 指针 ,这些 操 
作 在 OnDestroy() 中 完成 ， 


void COpenGL001View: :OnDestroy() { 

CView: :OnDestroy() 

// 设 置 RC 和 DC 不 再 关联 

if(::wglMakeCurrent (0,0) == FALSE) { 
MessageBox(" 设 置 RC 和 DC 不 再 关联 失败 !"); 

} 

// 删 除 这 染 环境 句柄 

if(::wglDeleteContext (m_hRC) == FALSE) { 
MessageBox(" 泻 染 环境 句柄 删除 失败 !"); 


i 
if(m ppC) { 
delete m pDC; 
全 = NULL; 
} 
OpenGL 的 坐标 系 和 显示 屏幕 的 像素 坐标 系 不 同 。OpenGL 采用 的 是 真实 环境 下 的 坐 
标 系 ,显示 在 屏幕 上 的 图 形 是 对 生成 图 形 的 真实 投影 ,所 以 需要 将 显示 屏幕 的 坐标 系 转换 为 
OpenGL 使 用 的 坐标 系 。 坐 标 系 转换 在 视图 类 的 OnSize() 函数 中 设置 , 当 窗 口 尺寸 发 生变 
化 时 ,也 需要 重新 进行 坐标 转换 。 
在 OnSize() 函 数 中 ,首先 调用 glViewport(0. 0, cx, cy) 命 令 将 OpenGL 的 绘图 窗口 大 
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小 设置 成 视图 窗口 的 大 小 ,然后 调用 glMatrixMode(GL_PROJECTION) 命 令 将 当前 和 矩 阵 
设置 为 投影 模式 ,并 调用 glLoadIdentity() 命 令 对 和 矩阵 进行 初始 化 。glMatrixMode() 函数 
中 的 参数 可 为 下 面 三 个 枚 举 常量 之 一 : 

GL_PROJECTION 将 当前 矩阵 运算 设置 为 投影 矩阵 模式 

GL_MODELVIEW 将 当前 矩阵 运算 设置 为 模型 视图 矩阵 模式 

GL_TEXTURE 将 当前 矩阵 运算 设置 为 纹理 映射 矩阵 模式 

一 般 情 况 下 ,在 绘制 图 形 对 象 或 者 对 绘制 的 图 形 对 象 进行 几 何 变换 时 , 需 将 变换 矩阵 设 
置 成 模型 视图 矩阵 模式 ; 当 对 绘制 的 图 形 对 象 设置 某 种 显示 方式 时 , 则 需 将 变换 矩阵 设置 
成 投影 矩阵 的 模式 ,在 进行 纹理 映射 时 , 需 将 变换 矩阵 设置 为 纹理 映射 的 模式 。 因 为 要 设置 
坐标 转换 矩阵 ,所 以 在 OnSize() 中 首先 将 变换 矩阵 设置 成 投影 矩阵 的 模式 。 

绘图 窗口 的 坐标 转换 矩阵 有 三 种 类 型 ,分别 是 二 维 正 交 投 影 矩 阵 .三 维 正 交 投 影 矩 阵 和 
透视 投影 矩阵 ,对 应 的 命令 函数 分 别 为 : 

void gluOrtho2D (GLdouble left, GLdouble right, GLdouble bottom, GLdouble 
top) 一 一 二 维 正 交 投影 矩阵 ,主要 用 于 二 维 图 形 的 绘制 ,定义 了 矩形 绘图 区 域 ,四 个 参数 分 
别 是 左右 `、 下 .上 边界 ,也 是 个 裁剪 区 域 ,区 域 以 外 的 图 形 被 忽略 。 

void glOrtho (GLdouble left, GLdouble right, GLdouble bottom, GLdouble top， 
GLdouble zNear,GLdouble zFar) 一 一 三 维 正 交 投影 矩阵 ,用 于 三 维 图 形 绘制 ,定义 了 一 个 
立方 体 投影 区 域 ,参数 分 别 是 立方 体 的 左 ` 右 ` 下、 上 前、 后 边界 。 三 维 正 交 投 影 矩 阵 可 以 兼 
容 二 维 正 交 投 影 矩 阵 。 

void gluPerspective (GLdouble fovy, GLdoulbe aspect, GLdouble zNear, GLdouble 
zFar) 一 一 三 维 图 形 的 透视 投影 变换 矩阵 ,其 中 ,fovy 为 视线 对 投影 区 域 在 y 方 向 ( 即 上 下 方 
向 上 ) 可 观察 的 视线 角度 ,aspect 为 视线 在 投影 区 域 最 近 观 察 面 上 的 宽度 和 高 度 比 值 ,zNear 
和 zFar 分 别 为 投影 区 域 的 前 后 边界 。 

观察 物体 时 ,为 了 获得 更 翔实 的 效果 ,有 时 并 不 在 = 方向 观察 ,而 是 在 其 他 方向 和 其 他 
角度 观察 ,类 似 拿 着 一 个 相机 绕 着 物体 拍照 。 这 时 ,需要 用 gluLookAt() 来 设置 视点 ， 
gluLookAt() 的 命令 函数 为 : 


void gluLookAt (GLdouble eyex, GLdouble eyey, GLdouble eyez, GLdouble centerx, GLdouble centery, 
GLdouble centerz, GLdouble upx, GLdouble upy, GLdouble upz) 


函数 的 参数 中 ,第 一 组 eyex、eyey、eyez 为 相机 的 坐标 位 置 ,第 二 组 centerx、centery、 
centerz 为 相机 镜头 对 准 的 物体 的 坐标 位 置 ,第 三 组 upx、upy、upz 为 相机 向 上 的 方向 在 坐标 
中 的 矢量 方向 。 

坐标 转换 设置 后 ,还 需要 调用 glMatrixMode(GL_MODELVIEW) 命 令 将 当前 矩阵 设 
置 为 模型 视图 模式 ,并 调用 glLoadIdentity() 命 令 对 和 矩阵 进行 初始 化 ,以 便 绘制 图 形 。 

在 坐标 转换 时 ,为 了 实现 对 屏幕 点 的 交互 操作 ,需要 记录 坐标 转换 数据 ,因此 在 视图 类 
中 增加 如 下 变量 : 

GLdouble aspect ratio; // 视 图 窗口 宽 高 比 


GLdouble Win_Size; // 绘 图 坐标 系 的 短 半 轴 长 度 
GLfloat winWidth, winHeight; // 记 录 视 图 窗口 的 宽 和 高 (一 半 ) 
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其 中 ,绘图 坐标 系 的 短 半 轴 Win_Size 的 初始 值 在 视图 类 的 构造 函数 中 设置 ,例如 设置 





Win_Size= 6.0; 


然后 在 OnSize() 函数 中 进行 绘图 坐标 转换 ,在 OnSize() 函 数 中 也 可 以 完成 其 他 
OpenGL 初始 化 设置 ,如 设置 视图 区 域 的 背景 颜色 ,激活 深度 检测 ,设置 灯光 、 材 质 等 。 

如 下 代码 在 OnSize() 中 设置 一 个 坐标 原点 在 绘图 区 域 中 心 的 立方 体 空间 ,并 将 绘图 背 
景 颜色 设置 为 白色 : 


void COpenGL001View: :OnSize(UINT nType, int cx, int cy) { 
CView: :OnSize(nType, cx, cy); 
::glViewport(0, 0, cx, cy); 
: :glMatrixMode(GL PROJECTION) ; // 设 置 为 投影 模式 
::glLoadIdentity(); 
aspect_ratio = (GLfloat)cx/(GLfloat)cy; 
if(cx<= cy){ 
winWidth= Win_Size; 
winHeight = Win_Size/aspect_ratio; 
} 
else { 
winWidth= Win_Sizex aspect_ratio; 
winHeight = Win_Size; 
} 
// 设 置 一 个 坐标 原点 在 绘图 窗口 中 心 的 立方 体 显示 区 域 
glOrtho( - winWidth, winWidth, ~ winHeight, winHeight, ~ Win Size,Win Size); 
winWidth = cx/2.0; 
winHeight = cy/2. 0; 
: :glMatrixMode( GL_MODELVIEN); // 设 置 为 模型 视图 模式 
::glLoadIdentity(); 
glClearColor(1.0f,1.0f,1.0f,1.0f); // 设 置 绘图 背景 颜色 为 白色 
} 


当 在 视图 窗口 上 拾取 屏幕 点 时 , 需 将 拾取 点 转换 为 OpenGL 坐标 系 的 点 。 针 对 上 述 
OnSize() 设 置 的 绘图 坐标 系 ,屏幕 点 point 转换 为 OpenGL 绘图 坐标 系 点 的 方法 如 下 ， 


GLdouble Pt x,Pt y,Pt z; 

if(aspect ratio<1){ 
Pt x= (point.x— this 一 > winWidth)/winWidth * Win_Size; 
Pt y= (this—>winHeight - point. y)/winHeight/aspect ratiox Win Size; 
Pt z=0.0; 

} 

else { 
Pt x= (point.x— this 一 > winWidth)/winWidth * aspect_ratiox Win_Size; 
Pt y= (this— > winHeight ~ point.Y)/winHeight * Win_ Size; 
Pt z=0.0; 

} 


图 形 实时 绘制 和 显示 仍然 在 视图 类 的 OnDraw() 函数 中 实现 ,OpenGL 采用 批 处 理 和 
内 存 的 “ 帧 缓冲 区 ”技术 绘制 和 显示 图 形 , 即 首先 在 内 存 中 绘制 图 形 , 通 过 命令 执行 ,然后 将 
内 存 中 绘制 好 的 图 形 一 次 性 地 显示 在 显示 设备 上 。 因 此 ,在 OnDraw() 函 数 中 ,首先 通过 
glClear() 命 令 在 内 存 中 开辟 一 个 连续 的 颜色 缓冲 区 ,并 清除 其 所 有 颜色 数据 ,如 有 深度 检 
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测 ,还 需 清除 深度 检测 数据 ,然后 在 缓冲 区 绘制 图 形 , 最 后 通过 glFlush() 和 SwapBuffers 
(m_pDC 一 >GetSafeHdc()) 命 令 执 行 绘制 任务 ,并 交换 前 台 和 后 台 缓 冲 区 的 内 容 。 其 中 , 参 
数值 m_pDC 一 > GetSafeHdec() 为 前 台 的 设备 环境 。 

为 了 使 代码 具有 易 读 性 ,图 形 的 具体 绘制 放 在 单独 的 视图 类 函数 中 实现 。 例 如 ,定义 绘 
制 体 图 形 的 函数 名 为 RenderScene() ,这 样 OnDraw() 函 数 中 的 代码 可 如 下 实现 : 


void COpenGL001View: :OnDraw(CDC * ppDC){ 
COopenGL001Doc * pDoc = GetDocument(); 
ASSERT_VALID(pDoc); 
glClear( GL COLOR BUFFER BIT| GL DEPTH BUFFER BIT); 
RenderScene( ); 
glFinish(); 
SwapBuffers( m pDC—> GetSafeHdc() ); 

} 


// 清 除 缓冲 区 

// 具 体 绘图 函数 

// 执 行 绘图 函数 

// 将 缓冲 区 内 容 输出 给 设备 环境 


绘制 具体 图 形 时 ,只 需 在 RenderScene() 函 数 中 实现 即 可 。 例 如 , 画 一 条 简单 的 直线 的 


代码 如 下 : 
void COpenGL001View: :RenderScene() { 
glColor3f(1.0,0.0,0.0); // 设 置 绘 制图 形 的 颜色 
glLineWidth(4.0); // 设 置 线 宽 , 可 不 设置 ,默认 线 宽 1.0 
glBegin(GL LINES); // 启 动 直线 绘制 命令 
glVertex2i( -2.0, 一 2.0); // 直 线 起 点 
glVertex2i(2.0,2.0) // 直 线 末 点 
glEnd(); // 绘 制 结束 


} 


执行 程序 , 即 可 绘制 一 条 红色 的 有 一 定 线 宽 的 直线 。 


10.1.2 OpenGL 相关 规范 介绍 


OpenGL 有 严格 的 规范 ,在 使 用 OpenGL API 编程 时 应 遵循 这 些 规范 ,并 理解 相关 流 
程 ,以 保证 程序 的 可 靠 性 、 可 移植 性 和 运行 的 正确 性 。 

首先 是 数据 类 型 。OpenGL 和 C++ 的 数据 类 型 很 类 似 , 但 是 ,OpenGL 的 数据 类 型 以 
GL 开头 ,以 便 区 分 和 辨识 。 常 用 的 OpenGL 数据 类 型 如 表 10. 1-1 所 示 。 


表 10.1-1 OpenGL 数据 类 型 



































数据 类 型 位 数 后 级 说 明 及 对 应 C++ 类 型 

GLint 32 i 有 符号 整数 类 型 ,int 

GLfloat 32 f 实数 ,float 

GLdouble 64 d 双 精 度 实数 ,double 

GLshort 16 S 有 符号 短 整数 

GLbyte 8 b 有 符号 字符 ,char 

GLboolean 1 布尔 型 , 值 GL_ TRUE、GL_FALSE,0、1,boolean 
GLenum 3 枚 举 型 

GLvoid 16 void 指针 
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表 10. 1-1 中 的 “后 级 ” 列 所 列 出 的 字符 ,表示 在 某 个 命令 函数 中 要 求 其 参数 是 某 一 特定 
数据 类 型 时 ,该 函数 具有 相应 的 后 级。 例如 , glColor3f() 要求 参数 是 GLfloat 类 型 ， 
glVertex2i() 要 求 参数 是 GLint 整 型 。 

OpenGL 的 函数 命令 分 别 放 在 OpenGL 的 核心 库 ( 在 gl. h 头 文件 声明 )、 实 用 库 ( 在 
glu.h 头 文件 声明 ) 以 及 辅助 库 ( 在 glaux. h 头 文件 声明 ) 中 。 核 心 库 中 的 函数 均 以 gl 作为 
前 级 ,实用 库 中 的 函数 以 glu 作为 前 级, 辅助 库 中 的 函数 均 以 aux 作为 前 级 。 

对 于 同一 个 操作 函数 , 当 要 求 的 参数 个 数 和 数据 类 型 不 同时 ,该 函数 还 可 以 加 特定 的 后 
级 ,参数 的 数据 类 型 用 相关 字母 表示 ,对 于 参数 的 个 数 在 后 级 中 用 数字 表示 ,这 时 函数 参数 
的 数量 和 类 型 必须 遵守 后 级 设 定 的 要 求 ,如 glColor3f(1.0,0.0,0.0)、glVertex2i( 一 2,2)。 
当 有 v 后 级 时 ,表示 参数 应 当 是 一 个 向 量 的 形式 ,在 OpenGL 中 ,向 量 数据 用 数组 存放 。 当 
不 含 v 后 级 时 ,各 参数 为 独立 的 变量 。 

OpenGL 是 顺序 执行 程序 的 方式 ,采用 的 是 状态 机 制 , 在 绘制 图 形 过程 中 , 当 设置 某 种 
绘图 状态 后 ,就 在 这 个 状态 下 运行 ,直到 程序 改变 了 该 状态 为 止 。 例 如 , 画 线 前 设置 线 的 颜 
色 和 线 宽 等 。 当 没有 专门 设置 状态 时 ,程序 采用 的 是 默认 的 状态 。 

OpenGL 内 部 存在 各 种 运行 的 状态 变量 的 值 , 又 称 模式 ,使 用 时 利用 glEnable() 命 令 启 
用 ,停止 时 利用 glEnd() 命 令 禁用 。 

应 用 程序 可 以 在 任何 时 候 查 询 每 个 状态 变量 的 当前 值 ,OpenGL 提供 的 查询 命令 有 6 
个 ,前 5 个 以 glGet 开头 : glGetBooleanv()、glGetDoublev()、 glGetFloatv()、 glGetIntegerv、 
glGetPointerv() 和 glIsEnabled() 。 具 体 使 用 哪个 命令 取决 于 希望 以 何 种 数据 类 型 返回 查 
询 结果 。 对 于 某 些 状态 变量 ,还 可 以 使 用 更 为 具体 的 查询 命令 。 

应 用 程序 还 可 以 利用 glPushAttrib() 命 令 和 glPushClientAttrib() 命 令 ,将 一 组 状态 变 
量 压 和 堆栈 ,对 它们 进行 临时 修改 ,完成 任务 后 ,再 利用 gIPopAttrib() 和 glPopClientAttrib() 命 
令 将 原先 压 和 人 堆栈 的 状态 弹出 堆栈 ,恢复 到 原来 的 模式 。 例 如 ,在 对 某 图 形 对 象 进行 几何 变 
换 时 ,首先 利用 glPushMatrix() 命 令 将 当前 坐标 矩阵 压 入 堆栈 ,执行 几何 变换 后 , 青 利用 
glPopMatrix() 命 令 弹 出 堆栈 ,恢复 原来 的 坐标 系 状态 。 




















10.2 基本 图 形 及 真实 感 图 形 绘制 


10.2.1 基本 图 形 绘制 


OpenGL 支持 绘制 的 基本 图 形 元 素 有 点 、 线 段 . 折 线段 、 三 角形 .四边形 以 及 多 边 形 等 ， 
利用 这 些 基 本 图 形 元 素 就 可 以 形成 复杂 的 几何 图 形 。 

在 绘制 图 形 时 ,可 以 先 设置 图 形 运行 状态 .然后 调用 命令 glBegin(GLenum mode) , 设 
置 开始 输入 图 形 数据 ,glBegin() 命 令 的 参数 为 要 绘制 的 图 形 类 型 ,然后 输入 图 形 的 顶点 及 
其 属性 ,最 后 以 glIEnd() 命 令 结束 图 形 数据 输入 ,通过 上 述 过 程 即 完成 一 个 基本 图 形 的 绘 
制 。 其 中 ,glBegin() 函 数 的 参数 mode 的 值 为 表 10. 2-1 所 示 的 枚 举 型 常量 。 
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表 10.2-1 绘制 基本 图 元 的 枚 举 常 量 
































图 元 枚 举 常量 意 义 
GL_POINTS 绘制 点 
GL_LINES 绘制 线段 ,可 连续 多 段 
GL_LINE_STRIP 绘制 折线 (多 条 线段 首尾 相 接 ) 
GL_LINE_LOOP 绘制 封闭 折线 (多 条 线段 首尾 相 接 且 首 段 和 末 段 线段 也 首尾 相 接 ) 
GL_TRIANGLES 绘制 三 角形 
GL_TRIANGLE_STRIP 绘制 连续 的 三 角形 
GL_TRIANGLE_FAN 绘制 三 角 扇 形 
GL_QUADS 绘制 四 边 形 
GL_QUAD_STRIP 绘制 连续 四 边 形 
GL_POLYGON 绘制 多 边 形 





无 论 图 形 多 么 复杂 ,OpenGL 都 是 通过 glVertex() 函 数 给 出 的 一 个 个 图 形 项 点 的 坐标 
来 实现 图 形 绘制 的 。glVertex() 函 数 原型 为 ; 


void glVertexnt (params); 


它 是 一 个 函数 族 ,包含 了 24 个 函数 ,函数 的 参数 为 顶点 的 每 个 坐标 数值 或 者 坐标 数值 
的 数组 ,原型 中 的 n 表示 参数 个 数 , 可 以 是 2.3 或 4, 而 + 表示 参数 的 数据 类 型 ,其 中 : 
i/iv 一 一 整数 /整数 数组 ,f/fv 一 一 实数 /实数 数组 ,d/dv 一 一 双 精 度 实数 / 双 精 度 实数 数组 ， 
s/sv 一 一 短 整 数 / 短 整 数 数组 。 

1. 图 形 颜 色 设置 

在 绘制 整个 图 形 前 或 者 在 给 出 图 形 项 点 数据 的 过 程 中 都 可 以 通过 glColor() 命 令 设 置 
图 形 的 颜色 ,该 命令 的 函数 原型 为 : 


void glColornt (params); 


该 命令 与 glVertexnt() 相 似 ,也 是 一 个 函数 族 , 包 含 32 个 函数 ,其 中 的 n 也 是 指 参 数 个 
数 ,但 只 能 为 3 或 4, 因 为 颜色 参数 为 RG、B 或 者 R、G、B 和 A, 其 中 A 为 表示 颜色 透明 度 
的 Alpha 值 。t 除了 具有 与 glVertexnt() 相 同 的 数据 类 型 外 ,还 多 了 一 个 选项 u, 用 来 修饰 i 
和 s, 表 示 无 符号 整数 和 无 符号 短 整 数 , 另 外 还 提供 了 一 种 ub 类 型 ,表示 无 符号 字 节 型 。 当 
参数 类 型 为 整数 (i、s、b 及 对 应 无 符号 数 ) 时 ,其 取 值 范 围 为 0 一 255; 而 当 参 数 类 型 为 实数 (f 
和 d) 时 ,其 取 值 为 0 一 1 之 间 的 一 个 小 数值 。 

在 程序 中 利用 glColor() 命 令 设 置 颜 色 后 ,后 续 的 图 形 即 按照 设 定 的 颜色 绘制 ,直到 又 
设置 新 颜色 ,如 果 前 后 两 种 颜色 分 别 绘制 的 是 同一 个 图 形 的 两 个 顶点 ,那么 在 两 顶点 之 间 的 
部 分 按照 渐变 的 过 渡 颜色 绘制 。 代 码 如 下 所 示 : 


glColor3f(1.0,0.0,0.0); // 设 置 红色 

glBegin(GL LINES); 
glVertex2i( -2, — 2); // 开 始 绘 制 第 一 条 直线 
glVertex2i(2,2); 
glVertex2i( — 2,2); // 开 始 绘制 第 二 条 直线 
glColor3f(0.0,0.0,1.0); // 设 置 蓝 色 


glVertex2i(2, — 2); 
glEnd( ); 
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上 述 代 码 在 绘制 第 一 条 直线 时 ,按照 设 定 的 红色 绘制 ,第 二 条 直线 的 第 一 个 点 仍然 按照 
红色 绘制 ,第 二 个 点 按照 新 设置 的 蓝 色 绘制 ,两 点 之 间 的 线段 将 是 从 红 到 蓝 的 过 渡 颜 色 , 线 
段 将 是 一 个 渐变 色 线 段 。 

2. 点 大 小 、 线 宽 及 线 型 设置 

在 OpenGL 中 点 有 大 小 , 线 有 宽度 ,并 且 与 计算 机 的 操作 系统 和 硬件 有 关 , 应 该 根据 当 
前 的 计算 机 支持 的 大 小 范围 设置 正确 的 尺寸 ,这 时 使 用 glGet() 命 令 获 得 支持 的 具体 数值 ， 
该 命令 的 原型 有 : 














void glGetFloatv(GLenum pname, GLfloat * params); 
void glGetBooleanv( GLenum pname, GLboolean * params); 
void glGetDoublev(GLenum pname, GLdouble * params); 
void glGetIntegerv(GLenum pname, GLint * params); 


其 中 ,参数 pname 为 枚 举 型 常量 ,与 点 和 线 有 关 的 常量 如 表 10. 2-2 所 示 。 
表 10.2-2 点 和 线 设置 glGet() 有 关 常 量 





























常 量 意 义 
GL_POINT_SIZE 返回 当前 点 的 大 小 
GL_POINT_SIZE_RANGE 返回 点 的 尺寸 范围 , 即 点 的 最 大 最 小 尺寸 
GL_POINT_SIZE_GRANULARITY 返回 点 的 增 量 步 长 
GL_POINT_SMOOTH 返回 当前 是 否 支持 点 的 反 走样 
GL_LINE_WIDTH 返回 当前 线 宽 
GL_LINE_WIDTH_RANGE 返回 线 的 尺寸 范围 , 即 线 的 最 大 最 小 尺寸 
GL_LINE_WIDTH_GRANULARITY 返回 线 的 增 量 步 长 
GL_LINE_ SMOOTH 返回 当前 是 否 支持 线 的 反 走 样 


需要 注意 的 是 ,使 用 GL_POINT_SIZE_RANGE 和 GL_LINE_WIDTH_RANGE 时 ， 
返回 两 个 值 ,因此 ,需要 用 数组 变量 作为 命令 的 第 二 个 参数 。glGet() 调 用 后 ,该 数组 下 标 0 
变量 存放 尺寸 范围 的 最 小 值 , 下 标 1 变量 存放 尺寸 范围 的 最 大 值 。 

点 和 线 宽 的 大 小 在 要 求 的 尺寸 范围 内 设置 ,数字 应 该 是 尺寸 增 量 步 长 的 整数 倍 , 然 后 利 
用 glPointSize(GLfloat size) 命 令 指 定 后 续 点 的 大 小 ,利用 glLineWidth(GLfloat width) 命 
令 指定 线 宽 。 它 们 的 尺寸 单位 都 是 和 绘图 尺寸 相关 的 逻辑 单位 ,与 像素 无 关 。 

关于 线 型 ,OpenGL 中 除了 实 线 外 没有 其 他 线 型 ,如 果 需 要 用 其 他 线 型 绘制 图 形 , 需 开 
启 直线 的 点 画 功 能 ,并 调用 glLineStipple() 命 令 设 置 画 线 模式 。glLineStipple() 命 令 的 原 
型 为 : 


viod glLineStipple(GLint factor, GLshort pattern) 


其 中 参数 pattern 为 夯 线 模式 ,pattern 值 是 由 1 或 0 组 成 的 十 六 进 制 数 ,factor 为 缩放 
因子 。 从 这 个 模式 的 低位 开始 ,一 个 像素 一 个 像素 地 进行 处 理 。 如 果 模 式 中 对 应 的 位 是 1， 
就 绘制 这 个 像素 ,否则 就 不 绘制 。 模 式 使 用 factor 参数 进行 扩展 , 它 与 1 和 0 的 连续 子 序列 
相 乘 。 因 此 ,如果 模式 中 出 现 了 3 个 1. 并且 factor 是 2, 那 么 它们 就 扩展 为 6 个 连续 的 1 。 

启用 直线 点 划 功 能 必须 以 GL_LINE_STIPPLE 为 参数 调用 glEnable() 命 令 。 绘 制 完 
毕 , 向 glDisable() 函数 传递 同一 个 参数 ,从 而 禁用 直线 点 划 功 能 。 如 果 没 有 启用 点 划 线 功 
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能 ,OpenGL 会 自动 把 pattern 当 作 OxFFFF, 即 一 1, 并 把 factor 当成 1。 

3. 多 边 形 填充 设置 及 多 边 形 的 网 格 化 细 分 

在 利用 OpenGL 命令 绘制 三 角形 、 四 边 形 以 及 多 边 形 时 ,由 于 形成 了 封闭 的 多 边 形 ， 
OpenGL 在 默认 状态 下 会 将 其 内 部 进行 颜色 填充 , 即 自动 实现 多 边 形 的 扫描 转换 ,也 可 以 调 
用 glPolygonMode() 命 令 设 置 填充 方式 。glPolygonMode() 的 原型 为 : 


void glPolygonMode( GLenum face, GLenum mode) ; 


其 中 的 face 指 设置 对 应 的 多 边 形 表面 ,常量 值 为 : 

GL_FRONT 一 一 多 边 形 的 正面 

GL_BACK 一 一 多 边 形 的 背面 

GL_FRONT_AND_BACK 一 一 多 边 形 的 前 后 两 面 

OpenGL 中 对 正面 的 规定 是 这 样 的 : 如 果 多 边 形 的 顶点 以 道 时 针 顺 序 出 现在 屏幕 上 ， 
则 看 到 的 多 边 形 内 部 的 部 分 为 “正面 >, 即 前 面 , 它 的 反面 即 为 背面 ,而 且 要 求 多 边 形 的 边 不 
能 自 相 交 。 我 们 可 以 通过 void glFrontFace(GLenum mode) 函 数 交 换 图 形 的 正 反 面 。 默 认 
情况 下 ,mode 是 GL_CCW , 即 逆 时 针 为 正面 ; 当 mode 是 GL_CW 时 顺 时 针 为 正面 。 

glPolygonMode() 命 令 的 第 二 个 参数 指定 填充 方式 ,常量 值 为 ; 

GL_POINT 一 一 绘制 构成 多 边 形 的 顶点 

GL_LINE 一 一 仅 绘 制 多 边 形 的 轮廓 线 , 即 不 填充 

GL_FILL 一 一 填充 多 边 形 

当 不 希望 填充 图 形 时 ,调用 glPolygonMode(GL_FRONT_AND_BACK,GL_LINE) 命 
令 , 后 续 的 绘图 操作 仅 绘 出 轮廓 线 , 调 用 glPolygonMode(GL_FRONT_AND_BACK,GL_ 
FILL) 命 令 , 则 填充 多 边 形 内 部 。 

OpenGL 中 认为 合法 的 多 边 形 必须 是 凸 多 边 形 ,对 于 四 多边形 以 及 带 内 环 的 等 非 凸 多 
边 形 ,OpenGL 在 填充 时 会 出 现 不 正确 的 结果 。OpenGL 之 所 以 对 多 边 形 类 型 做 出 限制 ,是 
为 了 更 方便 地 对 符合 条 件 的 多 边 形 进行 快速 泻 染 。 凸 多 边 形 可 被 快速 地 泻 染 ,而 复杂 多 边 
形 难 以 快速 检测 出 来 。 

非 凸 多 边 形 最 简单 的 填充 方法 是 使 用 GLU 网 格 化 对 象 GLUtesselator 将 任意 多 边 形 
简化 为 三 角形 或 凸 多 边 形 的 组 合 , 从 而 使 OpenGL 能 够 实现 多 边 形 填充 。 

多 边 形 网 格 化 的 基本 思路 是 将 所 有 多 边 形 的 顶点 坐标 发 送 到 网 格 器 GLUtesselator, 然 
后 网 格 器 将 多 边 形 网 格 化 ,网 格 化 工作 完成 以 后 ,网 格 器 使 用 用 户 定义 的 回调 模式 调用 实际 
的 OpenGL 命令 来 泻 染 网 格 化 后 的 多 边 形 。 

下 面 介 绍 多 边 形 网 格 化 的 基本 步骤 。 

第 一 步 , 创 建 一 个 网 格 器 对 象 ,命令 如 下 : 

GLUtesselator * tess= gluNewTess(); 

第 二 步 , 注 册 回 调 函 数 。 在 网 格 化 的 过 程 中 ,多 边 形 网 格 化 后 ,网 格 器 会 调用 一 系列 的 


回调 模式 ,调用 OpenGL 命令 如 glBegin() .glEnd() .glVertex*x () 等 填充 和 绘制 网 格 化 后 
的 多 边 形 。 这 些 回调 函数 必须 注册 .例如 ,必须 注册 的 三 个 回调 函数 为 : 





gluTessCallback(tess, GLU_TESS_ BEGIN, (void (CALLBACK * )())&PolyLine3DBegin); 
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gluTessCallback(tess, GLU_TESS_VERTEX, (void (CALLBACK x* ) ( ) )&PolyLine3DVertex) ; 
gluTessCallback( tess, GLU_TESS_END, (void (CALLBACK * )())&PolyLine3DEnd); 


这 三 个 回调 函数 代码 为 : 


void CALLBACK PolyLine3DBegin(GLenum type){ 
glBegin( type); 

} 
void CALLBACK PolyLine3DVertex(const GLvoid * data){ 

const GLdouble * ptr = (const GLdouble* )data; 

glVertex3dv(ptr); 

} 
void CALLBACK PolyLine3DEnd( ){ 
glEnd( ); 

| 
第 三 步 ,多 边 形 网 格 化 处 理 。 
首先 ,调用 gluTessBeginPolygon(tess,NULL) 命 令 ,启动 网 格 化 。 
因为 多 边 形 除了 必需 的 外 环 外 可 能 还 有 内 环 ,为 了 区 分 顶点 在 哪个 环 上 ,在 输入 每 个 环 
的 顶点 时 ,首先 调用 gluTessBeginContour(tess) ,然后 ,将 该 环 上 边 的 顶点 一 个 一 个 点 地 输 
入 ,最 后 一 个 点 会 和 第 一 个 点 自动 连接 起 来 ,输入 的 命令 函数 为 : 





void gluTessVertex(GLUtessellator * tess, GLdouble cords[3], void * vertexData); 


网 格 器 使 用 这 些 顶 点 坐标 执行 网 格 化 。 所 有 的 顶点 需要 位 于 同一 个 面 中 。 第 二 个 参数 
是 网 格 化 需要 的 顶点 坐标 ,第 三 个 参数 是 实际 用 来 泻 染 的 坐标 , 它 不 仅 是 项 点 坐标 ,也 可 能 
是 颜色 坐标 ,法 向 量 坐标 、 纹 理 坐标 。 例 如 ,顶点 坐标 数组 为 GLdouble quad[]j[3], 则 顶点 
输入 函数 为 (其 中 i 为 顶点 索引 ) : 


gluTessVertex(tess, quad[i], quad[i]); 


顶点 输入 完 , 调 用 gluTessEndContour(tess) 命 令 结束 该 环 输入 ,然后 再 开始 下 一 个 环 。 
所 有 环 输入 完成 ,调用 gluTessEndPolygon(tess) 结 束 输入 。 
第 四 步 , 调 用 gluDeleteTess(tess) 删 除 创 建 的 网 格 器 。 
需要 注意 的 是 ,对 于 边线 相交 叉 的 多 边 形 网 格 化 处 理 有 可 能 会 失败 ,此 时 不 能 填充 ,在 
绘图 时 不 建议 绘制 自 交 又 多 边 形 。 
4. 基本 图 形 实现 实例 
本 小 节 在 10. 1 节 创 建 好 的 应 用 程序 OpenGL001 的 基础 上 ,实现 上 述 OpenGL 基本 图 
形 的 绘制 ,并 动态 设置 绘图 区 域 的 坐标 长 度 、 图 形 的 颜色 、 点 的 大 小 、 线 宽 、 线 型 以 及 多 边 形 
是 否 填充 。 为 此 ,创建 一 个 顶点 集合 ,通过 鼠标 在 屏幕 拾取 点 ,实现 各 种 图 形 绘制 。 
首先 ,在 OpenGLO0O1View.h 文件 中 建立 一 个 三 维 点 的 类 : 
class GLPoint{ 
public: 
GLPoint(){ 
X=0.07 
y=0.0; 
2 0.0; 


} 
public: 
GLfloat x; 
GLfloat y; 
GLfloat z; 
}; 


并 定义 表示 各 种 基本 图 形 绘制 的 宏 常量 : 


# define GLPOINTS 

# define GLLINES 

# define GLLINESTRIP 

# define GLLINELOOP 

# define GLTRIANGLES 

# define GLTRIANGLESTRIP 
# define GLTRIANGLEFAN 

# define GLQUADS 

# define GLQUADSTRIP 

# define GLPOLYGON 


OCOD 


己 
口 
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为 了 创建 点 的 集合 变量 和 后 续 可 能 的 数学 计算 ,在 头 文件 中 加 入 相关 的 文件 引用 : 


# include < math.h> 
# include < afxtemp1.h> 


在 COpenGL001View 类 中 再 加 入 下 面 的 变量 和 函数 : 


GLfloat m_iR; 

GLfloat m iG; 

GLfloat m_iB; 

GLfloat m_iAlpha; 
GLfloat m PtCurSize; 
GLfloat m LineWidth; 
GLshort m LinePattern; 
BOOL m bPolygonFill; 
int m flag; 

int m Rflag; 

CArray < GLPoint, GLPoint > m Point Array; 
void InitOperation( ); 


// 图 形 颜 色 的 红色 值 
// 图 形 颜 色 的 绿色 值 
// 图 形 颜 色 的 蓝 色 值 
// 颜 色 透 明度 
// 点 的 大 小 

// 线 宽 

// 线 型 

// 是 否 填充 

// 绘 图 命令 标识 

// 是 否 拾取 操作 ,0: 不 ,1: 是 
// 拾 取 项 点 集合 

// 绘 图 操作 初始 化 设置 


其 中 ,InitOperation() 函 数 为 绘制 每 个 图 形 时 把 相关 参数 设置 为 初始 值 , 代 码 如 下 : 


void COpenGL001View: :InitOperation( ){ 
m Rflag= 1; 
m Point Array. RemoveAll(); 
glLoadIdentity(); 
Invalidate( ); 

i 


在 类 构造 函数 COpenGL001View() 中 设置 初 值 : 


COpenGLO01View: :COpenGLOO1Vien( ){ 
Win_Size = 6.0; 


287 
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nm iR=0; 

m iG=0; 

m iB=0; 

m iAlpha= 1.0; 

m PtCurSize= 1.0; 

m LineWidth= 1.0; 

m LinePattern=—1; // 实 线 

m flag= 0; 

m Rflag= 0; 

m_bPolygonFill = FALSE; 
有 


在 应 用 程序 的 菜单 栏 和 工具 栏 中 分 别 设置 绘制 上 述 各 基本 图 形 的 ID 标识 ,并 通过 类 向 
导 增 加 标识 符 对 应 的 消息 映射 函数 ,在 其 消息 映射 函数 中 ,增加 可 以 拾取 绘制 图 形 顶 点 的 开 
关 标 识 等 代码 。 例 如 ,在 绘制 项 点 的 映射 函数 中 ,增加 如 下 代码 : 


void COpenGL001View: :OnPoint() { 
m_flag = GLPOINTS; // 设 置 开始 绘制 顶点 
InitOperation( ); // 初 始 化 相关 参数 

l 


其 他 图 形 的 操作 函数 和 顶点 绘制 的 代码 类 似 ,只 是 m_flag 的 值 取 对 应 图 形 的 宏 常 量 。 
因为 需要 通过 单 击 拾取 项 点 和 右 击 停止 拾取 ,所 以 ,在 View 视图 中 加 入 单 击 和 右 击 的 
消息 映射 函数 。 对 应 消息 映射 函数 中 的 代码 增加 如 下 : 


void COpenGL001View: :OnLButtonDown(UINT nFlags, CPoint point) { 
if(m_Rflag ==1){// 拾 取 点 ,并 转换 为 绘图 坐标 系 点 
GLPoint Pt; 
if(aspect ratio<1) { 
Pt.x= (point. x— this— > winWidth)/winWidth * Win_Size; 
Pt.y= (this -> winHeight - point. y)/winHeight/aspect_ratio*x Win_Size; 
Pt.z=0.0; 





} 

else{ 
Pt.x= (point.x— this— > winWidth) /winWidth x* aspect_ratio * Win_Size; 
Pt.y= (this -> winHeight ~ point. y)/winHeight x Win Size; 
Pt.z= 0:0; 

} 

m Point_Array. Add(Pt); 


Invalidate( ); 
: 
CView: :OnLButtonDown(nFlags, point); 
} 
void COpenGL001View: :OnRButtonDown(UINT nFlags, CPoint point) { 
m_Rflag= 0; // 不 再 拾取 点 
Invalidate( ); 
CView: :OnRButtonDown(nFlags, point); 
上 


由 于 应 用 程序 也 要 实现 设置 绘图 区 域 的 坐标 长 度 ,图形 的 颜色 ,点 的 大 小 、 线 宽 、 线 型 以 
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及 多 边 形 是 否 填充 等 功能 ,因此 ,还 需 增加 对 应 这 些 功 能 的 菜单 ID 标识 ,并 创建 对 应 的 消息 
映射 函数 。ID 标识 以 及 对 应 的 消息 映射 函数 分 别 为 : 

ID_COLOR_SET, OnColorSet 一 一 设置 绘图 颜色 

ID_POINT_SIZE, OnPointSize 一 一 设置 点 的 大 小 

ID_LINE_WIDTH, OnLineWidth 一 一 设置 线 宽 

ID_LINETYPE, OnLinetype 一 一 设置 线 型 

ID_POLYGON_FILL，OnPolygonFill 一 一 设置 是 否 填充 多 边 形 

ID DRAW_SIZE, OnDrawSize 一 一 设置 绘图 区 域 的 坐标 长 度 


设 





置 绘制 的 图 形 颜 色 时 ,一 种 简便 的 方法 是 利用 颜色 对 话 框 来 设置 颜色 。OnColorSet() 


函数 中 的 代码 如 下 : 


void COpenGL001View: :OnColorSet() {// 颜 色 设置 


当 


CColorDialog dlg; 
dlg.m cc. Flags| = CC_RGBINIT|CC_FULLOPEN; 
dlg.m cc.rgbResult = RGB(m iR* 255,m iG* 255,m iB* 255); 
if(IDOK == dlg. DoModal()){ 
COLORREF m_clr = dlg.m_cc. rgbResult; // 将 dlg.m_cc. rgbResult 获取 到 的 颜色 对 话 框 中 
// 的 颜色 保存 到 变量 mn_clr 中 
m iR= GetRValue(m clr)/255.0; // 颜 色 中 红色 的 强度 值 
m iG= GetGValue(m clr)/255.0; // 颜 色 中 绿色 的 强度 值 
m_iB = GetBValue(m clr)/255. 0; // 颜 色 中 蓝 色 的 强度 值 
Invalidate( ); 








绘制 的 图 形 尺寸 比较 大 时 ,需要 动态 改变 绘图 窗口 的 显示 范围 ,否则 有 可 能 造成 绘图 








区 域外 的 图 形 部 分 被 裁剪 掉 而 不 能 完整 显示 的 现象 ,而 设置 观察 图 形 坐 标 大 小 的 OnSize() 
函数 只 有 在 屏幕 窗口 发 生变 化 时 才 会 被 调用 。 为 了 能 够 实时 改变 绘图 区 域 坐 标 显示 范围 ， 
可 以 创建 一 个 输入 坐标 长 度 的 对 话 框 ,如 图 10. 2-1 所 示 ,并 通过 定义 的 菜单 消息 映射 函数 
OnDrawSize() 来 动态 修改 绘图 坐标 显示 大 小 。OnDrawSize() 的 代码 和 OnSize() 中 设置 坐 
标 系 的 代码 非常 类 似 ,具体 如 下 : 


void COpenGL001View: :OnDrawZize() { 


// 设 置 绘图 区 域 短 轴 的 尺寸 ,相当 于 把 onSize() 中 的 坐标 转换 重新 实现 一 次 
CCoordSetD1g CoordSsetD1g; // 输 入 坐标 长 度 的 对 话 框 
CoordSetD1g.m_WinSize = Win_Size; // 坐 标 短 半 轴 长 度 
if(CoordSetDl1g. DoModal( )!= IDOK) 
return; 
Win_Size = CoordSetD]lg. m WinSize; 
dint ee cy; 
cx= (int)winWidth * 2; 
cy= (int)winHeight * 2; 
::glViewport(0, 0, cx, cy); 
: :glMatrixMode( GL, PROJECTION) ; 
::glLoadIdentity(); 
if(aspect ratio<1){ 
winWidth = Win_Size; 
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} 


winHeight = Win Size/aspect ratio; 
} 
else{ 
winWidth= Win Size* aspect ratio; 
winHeight = Win_ Size 
. 
glOrtho( — winWidth, winWidth, — winHeight, winHeight, — Win Size,Win Size); 
winWidth = cx/2.0; 
winHeight = cy/2. 0; 
: :glMatrixMode(GL_ MODELVIEN); 
::glLoadIdentity(); 
glEnable(GL DEPTH TEST); 
glClearColor(1. 0f,1.0f,1.0f,1.0f); 
Invalidate(); 


设置 点 的 大 小 和 线 宽 的 方法 非常 类 似 。 首 先 创建 一 个 设置 点 大 小 的 对 话 框 , 例 如 ,名 称 





为 CPointSizeDlg ,如 图 10. 2-2 所 示 。 


SS 
设置 点 小 
点 大 小 可 设置 轩 
| [63 

点 增 量 步 长 。 [125 





iat 
rr 





























图 10.2-1 坐标 长 度 设置 图 10.2-2 点 大 小 设置 


对 话 框 中 点 的 大 小 变量 为 m_Size, 点 变化 范围 的 两 个 变量 为 m_min、m_max, 点 变动 步 


长 为 m_step, 则 设置 点 大 小 的 消息 函数 的 代码 为 : 


void COpenGL001View: :OnPointSize() { 


GLfloat ptSize[2], szStep; 
glGetFloatv(GL POINT SIZE RANGE, ptSize); 
glGetFloatv(GL_POINT_ SIZE GRANULARITY, &szStep); 
CPointSizeDlg PointSizeDlg; 
PointSizeDlg.m min= ptSize[0]; 
PointSizeDlg.m max= ptSize[1]; 
PointSizeDlg.m step= szStep; 
PointSizeDlg.m Size = m PtCurSize; 
if(PointSizeDlg. DoModal() == IDOK){ 
m PtCurSize = PointSizeDlg.m Size; 
Invalidate( ); 


同 理 , 对 线 宽 的 设置 ,也 是 首先 创建 线 宽 设置 对 话 框 ,例如 CLineWidthDlg, 如 图 10. 2-3 


所 示 ,对话 框 中 线 宽 、 线 宽 变动 范围 以 及 变动 步 长 的 变量 分 别 为 m_Width、m_min、m_max、 
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m_step。 线 宽 设置 的 消息 函数 代码 为 : 


void COpenGL001View: :OnLineWidth() { 
GLfloat lineSize[2], lineStep; 
glGetFloatv(GL LINE WIDTH RANGE, lineSize); 
glGetFloatv(GL LINE WIDTH GRANULARITY, &lineStep); 
CLineWidthDlg LineWidthDlg; 
LineWidthDlg.m min= lineSize[0]; 
LineWidthDlg.m max= lineSize[1]; 
LineWidthDlg.m step = lineStep; 
LineWidthDlg.m Width= this—>m LineWidth; 
if(LineWidthDlg. DoModal() == IDOK){ 
m LineWidth= LineWidthDlg.m Width; 
Invalidate( ); 


} 


线 型 设置 ,也 是 首先 创建 线 型 对 话 框 ,例如 CPatterDlg, 如 图 10. 2-4 所 示 。 除 了 实 线 外 
又 设置 了 另外 两 种 线 型 , 即 虚线 和 中 心 线 , 线 型 选择 变量 为 m_iPatter。 线 型 设置 的 函数 代 
码 为 ; 


void COpenGL001View: :OnLinetype() { 
CPatterDlg PatterDlg; 
ifE(this 一 >m_LinePattern == 一 1) 
PatterDlg.m iPatter = 0; 
else if(this ->m_LinePattern == 0x3F3F) // 虚 线 
PatterDlg.m iPatter = 1; 
else if(this ->m LinePattern== 0x33FF)  // 中 心 线 
PatterDlg.m iPatter = 2; 
if(PatterDlg. DoModal( ) == IDOK){ 
if(PatterDlg.m iPatter == 0) 
this—>m LinePattern=—1; 
else if(PatterDlg.m iPatter == 1) 
this 一 > m_LinePattern = 0x3F3F; 
else if(PatterDlg.m iPatter == 2) 
this 一 >m_LinePattern = 0x33FF; 
Invalidate( ) ; 












设置 线 宽 4 


线 宽 范围 
[ = | 
线 完 增 量 步 长 ”|0.125 








图 10. 2-3 ” 线 宽 设置 图 10. 2-4 ” 线 型 设置 
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多 边 形 区 域 是 否 填充 ,创建 对 话 框 进行 设置 ,例如 CPolygonFillDlg, 如 图 10. 2-5 所 示 ， 
是 否 填充 的 变量 为 . m_bFill。 函 数 代码 为 : 


2 





void COpenGL001View: :OnPolygonFill() { 
CPolygonFillDlg PolygonFillDlg; 
PolygonFillDlg.m bFill =m bPolygonFill; 
if(PolygonFillDlg. DoModal() == IDOK){ 
m_bPolygonFill = PolygonFillDlg.m bFill; 
Invalidate(); 
上 








图 10.2-5 多 边 形 填充 


在 对 多 边 形 进行 填充 时 ,为 使 对 任意 多 边 形 都 可 正确 填充 ,对 多 边 形 进行 网 络 化 。 网 格 
化 的 函数 代码 如 下 (代码 放 在 OpenGL001View. cpp 文件 或 者 OpenGL001View. h 文件 中 
均 可 ) : 


BOOL PolygonTesselator(CRrray< GLPoint, GLPoint > & m Point_ Array){ 


int Pt_Num = m_Point_Array. GetSize( ); // 计 算 顶 点 数 
if(Pt_Num< 3) return FALSE; 

GLPoint pt; 

GLdouble ( * quad)[3]; 

quad = new GLdouble[ Pt_Num][3]; // 动 态 设 定 顶 点 数组 


for(int i=0;i<Pt Noum;it+){ 
pt=m Point_Array. GetAt(i); 
quad[i][0] = pt.x; 
quad[i][1] = pt.y; 
quad[i][2] = pt.z; 

} 

GLUtesselator * tess= gluNewTess(); // 创 建 网 格 器 ,注册 回调 函数 
gluTessCallback( tess, GLU_TESS_BEGIN, (void (CALLBACK * )())&PolyLine3DBegin); 
gluTessCallback( tess, GLU_TESS VERTEX, (void (CALLBACK * )())&PolyLine3DVertex); 
gluTessCallback(tess, GLU_TESS_END, (void (CALLBACK * ) ( ) )&PolYLine3DEnd) ; 

gluTessBeginPolygon(tess, NULL); // 启 用 网 格 化 

gluTessBeginContour (tess); // 外 环 ,内 环 类 似 
for(i=0;i<Pt Num;i++) 

gluTessVertex(tess, quad[i],quad[i]); // 输 入 点 
gluTessEndContour(tess); 

gluTessEndPolygon(tess); 

gluDeleteTess( tess); // 删 除 网 格 器 

delete[ ] quad; 

return TRUE; 
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其 中 三 个 回调 函数 (代码 在 前 文 已 列 出 ,此 处 不 再 袭 述 ) 也 需要 放 在 对 应 的 文件 中 。 
通过 上 述 代码 设置 后 ,在 RenderScene() 函 数 中 绘制 和 显示 图 形 时 ,代码 如 下 : 


void COpenGL001View: :RenderScene() { 
glColor3f(m iR,m iG,m iB); // 设 置 图 形 颜 色 
if(m flag == GLPOINTS){ // 绘 制 点 
glPointSize(this — >m PtCurSize); 
glBegin(GL POINTS); 
GLPoint pt; 
for(int i=0;i<m Point Array.GetSize();i++){ 
pt=m Point Array.GetAt(i); 
glVertex3f(pt. x, pt. y, pt. z); 
} 
glEnd(); 


} 
if(m flag>=2g&gm flag<=10){ 


// 绘 制 直线 
glLineWidth(m LineWidth); 
if(m LinePattern!=—1){ // 设 置 线 性 


glEnable(GL LINE STIPPLE); 
glLineStipple(1,m LinePattern); 
} 
// 如 是 封闭 图 形 , 设 置 是 否 填 充 
if(m bPolygonFill == TRUE) 
glPolygonMode( GL, FRONT_AND_BACK, GL_FILL); 
else 
glPolygonMode( GL_ FRONT AND BACK, GL LINE); 
if(m_flag == GLLINES) 
glBegin(GL_LINES); 
else if(m flag == GLLINESTRIP) 
glBegin(GL_LINE_STRIP) ; 
else if(m_flag== GLLINELOOP) 
glBegin(GL_LINE_LOOP) ; 
else if(m flag == GLTRIANGLES) 
glBegin(GL_TRIANGLES); 
else if(m flag == GLTRIANGLESTRIP) 
glBegin(GL_TRIANGLE STRIP); 
else if(m flag == GLTRIANGLEFAN) 
glBegin(GL_TRIANGLE FAN); 
else if(m flag== GLQUADS) 
glBegin(GL QUADS); 
else if(m flag == GLQUADSTRIP) 
glBegin(GL QUAD STRIP); 
else if(m flag== GLPOLYGON&S&m bPolygonFill!= TRUE) // 不 填充 时 
glBegin(GL POLYGON); 
GLPoint pt; 
for(int i=0;i<m Point Array.GetSize();i++){ 
pt=m Point Array.GetAt(i); 
glVertex3f(pt. x, pt. y, pt. z); 
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glEnd(); 
if(m flag == GLPOLYGONSS&m bPolygonFill == TRUE){ // 填 充 时 
PolygonTesselator(m Point Array); // 对 多 边 形 网 格 细 分 


} 
if(m LinePattern!=— 1) 
glDisable(GL LINE STIPPLE); 


} 
执行 应 用 程序 ,可 以 通过 鼠标 选取 屏幕 点 ,实现 OpenGL 提供 的 基本 图 形 的 绘制 。 


10.2.2 图 形变 换 与 三 维 绘图 


1. 几何 变换 

为 了 能 够 更 详细 地 观察 显示 图 形 ,通常 需要 对 图 形 进 行 几何 变换 。OpenGL 提供 了 对 
平移 变换 .旋转 变换 和 缩放 变换 这 三 种 基本 变换 类 型 的 调用 命令 函数 ,对 于 其 他 几何 变换 ， 
OpenGL 使 用 一 个 统一 的 用 户 定义 的 变换 矩阵 调用 函数 实现 。 

调用 平移 变换 的 命令 函数 原型 为 : 

void glTranslated/f(type x, type y, type z); 

其 中 的 三 个 参数 x、y、z 分 别 为 图 形 在 坐标 轴 z、y、z 三 个 方向 的 平移 量 。 当 命令 结尾 字 
母 为 4 时 ,各 参数 的 类 型 为 GLdouble; 命令 结尾 字母 为 f 时 ,各 参数 的 类 型 为 GLfloat。 

调用 旋转 变换 矩阵 的 命令 函数 原型 为 : 

void glRotatedVf(type angle, type x, type y, type z); 

其 中 参数 angle 为 旋转 角度 ; 参数 x、y、z 则 生成 表示 旋转 轴 的 一 个 向 量 , 例 如 x、yz 为 
1.0.0 表示 绕 zx 轴 旋转 ,x、y、z 为 0.0、1 表示 绕 x 轴 旋 转 ; 命令 结尾 的 df 和 平移 变换 矩阵 
命令 含义 相同 。 

调用 缩放 变换 矩阵 的 命令 函数 原型 为 : 

void glScaled/f( type x, type y, type z); 


其 参数 分 别 表 示 在 三 个 坐标 轴 方面 缩放 的 比例 系数 。 三 个 值 均 为 正 值 ,其 值 大 于 1 表 
示 将 图 形 在 对 应 坐标 方向 放大 ,其 值 介 于 0 和 1 之 间 表 示 将 图 形 在 对 应 坐标 方向 缩小 。 

对 于 用 户 自 定义 的 其 他 变换 矩阵 ,OpenGL 调用 命令 函数 为 : 

void glMultMatrixf/d(const TYpex m); 

其 参数 为 用 户 定义 的 作为 变换 矩阵 的 一 维 数组 。 该 变换 矩阵 为 齐 次 坐标 矩阵 。 

在 OpenGL 中 ,矩阵 常常 是 存放 在 一 维 数组 中 而 不 是 二 维 数组 中 的 ,另外 ,和 矩阵 元 素 在 
数组 中 是 按照 列 的 顺序 存放 ,而 不 是 按照 行 的 顺序 存放 。 例 如 一 个 4X4 的 矩阵 为 


an QI QI3  Q14 
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对 应 的 一 维 数组 为 
{a yazl 9431 9441 9412 9422 9432 $442 9413 ,Q23 433 943 (14 » 24 034 044 } 


例如 , 沿 zxOz 平 面 的 镜像 变换 矩阵 数组 为 
GLfloat mat[] = {1.0,0.0,0.0,0.0,0.0, -1.0,0.0,0.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0} 


因为 几何 变换 是 图 形 显示 方式 矩阵 的 变化 ,在 变换 前 ,应 该 保证 当前 和 矩阵 模式 是 模型 的 
状态 ,而 且 对 和 矩阵 格式 化 开始 变换 ,所 以 ,在 OnSize() 函 数 或 者 在 绘图 函数 中 ,通过 如 下 代 
码 设置 矩阵 的 显示 模式 和 最 初 矩 阵 状 态 : 

glMatrixMode(GL _ MODELVIEN) ; //GL_ MODELVIEW 为 显示 模型 状态 

glLoadIdentity( ); // 和 矩阵 格式 化 

OpenGL 中 的 几何 变换 是 将 当前 的 坐标 系 改变 成 变换 矩阵 要 求 的 状态 ,然后 绘制 图 形 ， 
当 几 何 变换 完成 后 ,还 应 将 坐标 系 恢复 到 最 初 的 状态 ,坐标 恢复 原来 的 状态 。 除 了 利用 矩阵 
格式 化 的 方法 外 , 常 采用 的 方法 是 利用 glPushMatrix() 命 令 将 当前 坐标 矩阵 压 和 人 堆栈, 几 
何 变换 执行 后 ,再 利用 gIPopMatrix() 命 令 弹出 堆栈 ,恢复 原来 的 坐标 系 状 态 。 

2. 几何 变换 及 图 形 动画 实例 

可 以 通过 鼠标 、 键 盘 以 及 动画 等 方式 显示 图 形变 换 效果 ,例如 ,通过 键盘 的 上 、 下 、 左 和 
右 箭 头 键 来 移动 图 形 , 再 组 合 使 用 Shift 键 实现 图 形 缩放 ,通过 动画 实现 图 形 的 旋转 变换 。 
为 此 ,在 应 用 程序 的 视图 类 COpenGL001View 中 增加 如 下 几何 变换 相关 的 变量 ，: 





GLfloat m_lrMove, m_btMove; // 左 右上 下 移动 变量 
GLfloat m_rAngle; // 旋 转角 度 

GLfloat m_Scale; // 缩 放 比 例 

BOOL m_bAnimation; // 是 否 采用 动画 的 标识 


然后 ,在 COpenGL001View 的 构造 函数 COpenGL001View() 中 增加 如 下 初始 化 代码 : 


m lrMove= 0.0; 

m_ btMove = 0.0; 

m rAngle= 0.0; 

m Scale=1.0; 
m_bAnimation = FALSE; 


同 理 ,在 图 形 操 作 初 始 化 函数 InitOperation() 中 也 增加 和 构造 函数 相同 的 代码 ,不 过 对 
于 动画 标识 变量 的 设置 , 改 为 如 下 代码 ,以便 关闭 定时 器 : 
if(m_ bAnimation == TRUE){ 


m_banimation = FALSE; 
KillTimer(0); 





} 


为 了 实现 键盘 操作 和 动画 操作 ,在 应 用 程序 的 工具 栏 中 建立 一 个 动画 工具 栏 ,ID 标识 为 
ID_ ANIMATION ,然后 通过 类 向 导 ,建立 键盘 消息 .定时 器 以 及 动画 图 标 ID_ANIMATION 的 
消息 映射 函数 : 

WM_KEYDOWN——OnKeyDown() 

WM_TIMER——OnTimer() 
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ID_ANIMATION—— OnAnimation() 
其 中 ,在 OnKeyDown() 函 数 中 , 当 按 下 上 、 下 左右 箭头 键 时 设置 移动 的 距离 ,如 果 同 


时 按 下 了 Shift 键 , 则 设置 图 形 可 缩放 的 系数 。 代 码 如 下 : 


void COpenGL001View: :OnKeyDown(UINT nChar, UINT nRepCnt, UINT nFlags) { 


Switch (nChar){ 
case VE_UP: 





if(GetAsyncKeyState(VK_LSHIFT)&&0X8000) ”//Shift 键 是 否 被 按 下 
m Scale+= 0.1; // 设 置 缩放 比例 
else 
m btMove += 0.1; // 设 置 上 下 移动 
break; 
case VKE_DOWN: 


if(GetAsyncKeyState( VK_LSHIFT)&&0X8000){ 
m Scale—=0.1; 
if(m Scale == 0) 
m Scale= 0.05; 
} 
else 
m btMove—= 0.1; 
break; 
Case VE_LEFT: 
m lrMove—=0.1; 
break; 
case VK_RIGHT : 
m lrMove+=0.1; 
break; 
Invalidate( ); 


// 设 置 水 平移 动 


} 
CView: :OnKeyDown(nChar, nRepCnt, nFlags); 


b 
按 下 工具 栏 的 动画 图 标 , 设 置 计 时 器 启动 ,开始 动画 展示 ,再 按 下 停止 动画 展示 。 代 码 
如 下 : 


void COpenGL001View: :OnAnimation() { 

if(m bAnimation == FALSE){ 

if(m flag>=1&&m flag<=10){ 
if(m Point Array.GetSize()<2)return; 

} 
SetTimer(0,10, NULL); 
m_banimation = TRUE; 

} 

elsef 
KillTimer(0) 
m_banimation = FALSE; 

} 

Invalidate( ); 


; 
在 计时 器 中 ,设置 在 每 一 个 时 间 间 隔 的 图 形 旋转 角度 ,代码 如 下 : 
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void COpenGL001View: :OnTimer (UINT nIDEvent) { 
m rAngle+=1.0; // 设 置 旋转 角度 
Invalidate( ); 
CView: :OnTimer(nIDEvent); 

} 


在 绘图 函数 RenderScene() 中 ,在 绘制 基本 图 形 前 ,将 原 坐 标 矩 阵 压 人 堆栈 后 ,调用 平 
移 变 换 .旋转 变换 以 及 缩放 变换 ,然后 再 绘制 图 形 , 最 后 将 原 有 坐标 矩阵 顶 出 堆栈 。 代 码 
如 下 。 





void COpenGL001View: :RenderScene() { 
…//( 绘 制 坐 标 中 心 图 形 ,代码 此 处 省 略 ) 


glPushMatrix( ); // 将 当前 坐标 矩阵 压 人 堆栈 
// 图 形变 换 
glTranslatef(m lrMove,m btMove, 0); // 平 移 变 换 


glRotatef(m _rAngle, 1. 0f, 0. 0f, 0. 0f); 
glRotatef(m rAngle,0.0f,1.0f,0.0f); 


glRotatef (m_rAngle, 0. 0f,0. 0f,1. 0f); // 旋 转变 换 

glScalef(m Scale,m Scale,m Scale); // 比 例 变 换 
…//( 绘 制 基本 图 形 ,代码 此 处 省 略 ) 

glPopMatrix( ); // 恢 复原 有 坐标 矩阵 


运行 程序 ,通过 上 述 代码 绘制 一 个 基本 图 形 后 , 按 上 \、 下 \ 左 \ 右 箭头 键 , 即 可 移动 图 形 ， 
同时 按 Shift 键 和 上 或 下 箭头 键 ,实现 图 形 缩放 。 按 下 工具 栏 的 动画 图 标 ,图 形 将 进行 
旋转 。 

3. OpenGL 三 维 绘 图 命令 

通过 上 节 几 何 变换 的 图 形 实例 看 出 ,OpenGL 绘制 的 实际 都 是 三 维 图 形 , 只 是 点 、 线 、 面 
这 些 基 本 图 形 都 在 一 个 平面 上 。OpenGL 核心 库 没 有 提供 其 他 任何 三 维 图 形 对 象 , 不 过 为 
了 方便 编程 和 构造 复杂 三 维 对 象 ,OpenGL 实用 库 GLUT 提供 了 9 种 三 维 图 形 对 象 ,在 应 
用 程序 中 可 以 直接 调用 生成 三 维 图 形 ,也 可 以 利用 它们 生成 复杂 的 图 形 。 这 9 种 三 维 图 形 
分 别 是 圆锥 体 、 四 面体 .正方体 、 正 十 二 面体 .正二 十 面体 .正八 面体 .球体 . 圆 环 体 和 茶 过 ,每 
个 图 形 都 有 实体 图 和 线 框图 两 种 模式 ,并 调用 不 同 的 命令 进行 绘制 。 其 中 glutSolidxxxx() 
用 于 绘制 实体 模式 ,gluWirexxxx() 用 于 绘制 线 框 模式 。 

绘制 圆锥 体 的 函数 原型 为 : 


void glutSolidCone(GLdouble base, GLdouble height, GLdouble slices, GLint stacks); 
void glutWireCone(GLdouble base, GLdouble height, GLdouble slices, GLint stacks); 


这 两 个 命令 分 别 绘制 底部 中 心 在 坐标 原点 、 顶 点 在 x 轴 的 实体 圆锥 面 和 线 框 圆锥 面 ,其 
中 ,参数 base 为 圆锥 底面 半径 ,height 为 圆锥 体 的 高 度 ,slices 为 圆锥 体 环绕 = 轴 的 分 段 数 ， 
stacks 为 圆锥 体 沿 x 轴 的 分 段 。slices 和 stacks 的 大 小 决定 了 圆锥 面 的 光滑 程度 。 

绘制 四 面体 的 函数 原型 为 : 


void glutSolidTetrahedron( ); 
void glutWireTetrahedron( ); 
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这 两 个 命令 绘制 中 心 在 原点 、 外 接 圆 的 半径 是 V3 个 单位 的 四 面体 实体 图 和 线 框图 。 它 
们 没有 带 参数 ,在 绘制 时 ,可 以 首先 调用 glScaleO 〇 命令 设置 缩放 倍数 。 

绘制 正方 体 的 函数 原型 为 : 

void glutSolidCube(GLdouble size); 

void glutWireCube(GLdouble size); 

这 两 个 命令 绘制 中 心 位 于 原点 的 实体 立方 体 和 线 框 立方 体 , 其 中 size 为 立方 体 的 边 长 。 

绘制 正 十 二 面体 的 函数 原型 为 : 


void glutSolidDodecahedron( ); 
void glutWireDodecahedron( ); 


这 两 个 命令 绘制 中 心 在 原点 、 外 接 圆 的 半径 是 V3 个 单位 的 正 十 二 面体 实体 图 和 线 框 
它们 也 没有 参数 ,使 用 方法 也 是 在 绘制 时 首先 调用 glScale() 命 令 设置 缩放 倍数 。 
绘制 正二 十 面体 的 函数 原型 为 : 


void glutSolidIcosahedron( ); 
void glutWireIcosahedron( ); 


这 两 个 命令 绘制 中 心 在 原点 、 外 接 圆 的 半径 是 1 的 正二 十 面体 实体 图 和 线 框图 。 它 们 
也 没有 参数 ,使 用 方法 也 是 在 绘制 时 首先 调用 glScale() 命 令 设置 缩放 倍数 。 

绘制 正八 面体 的 函数 原型 为 : 

void glutSolidOctahedron( ); 

void glutWireOctahedron( ); 

这 两 个 命令 绘制 中 心 在 原点 、 外 接 贺 的 半径 是 1 的 正八 面体 实体 图 和 线 框图 。 它 们 也 
没有 参数 ,使 用 方法 也 是 在 绘制 时 首先 调用 glScale() 命 令 设 置 缩放 倍数 。 

绘制 球体 的 函数 原型 为 : 

void glutSolidSphere(GLdouble radius, GLint slices, GLint stacks) 

void glutWireSphere(GLdouble radius, GLint slices, GLint stacks); 

这 两 个 命令 绘制 球 心 位 于 原点 、 半 径 为 radius 的 球 的 实体 图 和 线 框 图 。 其 中 ,slices 为 
绕 z 轴 的 分 段 数 ,stacks 为 沿 x 轴 的 分 段 数 。slices 和 stacks 的 大 小 决定 了 球面 的 光滑 
程度 。 

绘制 圆 环 体 的 函数 原型 为 : 

void glutSolidTorus(GLdouble inRad, GLdouble outRad, GLint slices, GLint stacks); 

void glutWireTorus(GLdouble inRad, GLdouble outRad, GLint slices, GLint stacks); 

这 两 个 命令 绘制 中 心 位 于 原点 、 关 于 = 轴 对 称 、 内 径 为 inRad、 外 径 为 outRad 的 圆 环 实 
体 图 和 线 框图 。 其 中 ,slice 为 沿 周 向 的 分 段 数 ,stacks 为 沿 径 向 的 分 段 数 。 

绘制 茶壶 的 函数 原型 为 : 


void glutSolidTeapot(GLdouble size); 
void glutWireTeapot(GLdouble size); 
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这 两 个 命令 绘制 中 心 在 原点 、 壶 身 外 接 圆 半 径 为 size 的 茶壶 实体 图 和 线 框图 。 需 要 说 
明 的 是 茶壶 不 是 基本 的 三 维 图 形 元 素 , 但 是 它 本 身 构 造 比 较 复杂 ,通过 茶壶 可 以 看 到 
OpenGL 的 三 维 建 模 能 力 。 

在 应 用 程序 中 实现 上 述 的 三 维 图 形 时 ,首先 在 OpenGL001View. h 头 文件 中 定义 表示 
各 三 维 图 形 的 宏 常 量 ,如 下 所 示 : 





# define CONE dt 
#define TETRAHEDRON 12 
# define CUBE 13 


#define DODECAHEDRON 14 
#define ICOSAHEDRON 15 
# define OCTAHEDRON 16 
# define SPHERE a 
# define TORUS 18 
# define TEAPOT19 


在 应 用 程序 的 菜单 栏 或 者 工具 栏 中 设置 绘制 各 三 维 图 形 的 ID 标识 ,然后 通过 类 向 导 建 
立 各 个 ID 标识 的 消息 映射 函数 ,在 该 函数 中 设置 绘图 命令 标识 m_flag 为 绘制 三 维 图 形 的 
对 应 宏 常量 。 例 如 ,绘制 圆锥 体 的 代码 如 下 ,其 他 类 似 : 


void COpenGL001View: :OnCone() { 
m_flag = CONE; // 设 置 绘制 圆锥 体 的 标识 
InitOperation(); 

上 


在 绘图 函数 RenderScene() 中 ,在 “gl]PopMatrix(); ”代码 前 ,增加 如 下 绘制 三 维 图 形 的 
代码 (其 中 ,m_3DRadius 在 COpenGL001View 类 中 定义 为 GLdouble 变量 ) : 


if(m_flag== CONE) { // 圆 锥 体 
m_3DRadius = Win_Size/4.0; 
if(m bPolygonFill == TRUE) 
glutSolidCone(m 3DRadius,m 3DRadius * 2,30,30); 
else 
glutWireCone(m_ 3DRadius,m_3DRadius * 2,30,30); 
} 
else if(m flag == TETRAHEDRON){ // 四 面体 
m_3DRadius = Win_Size/4.0; 
glScaled(m 3DRadius,m 3DRadius,m 3DRadius); ”// 缩 放 变 换 
if(m bPolygonFill == TRUE) 
glutSolidTetrahedron( ); 
else 
glutWireTetrahedron( ); 
} 
else if(m flag== CUBE){ // 立 方 体 
m_3DRadius = Win_Size/4.0; 
if(m bPolygonFill == TRUE) 
glutSolidCube(m 3DRadius); 
else 
glutWireCube(m 3DRadius); 
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else if(m_flag == DODECAHEDRON){ // 正 十 二 面体 
m 3DRadius = Win Size/4.0; 
glScaled(m 3DRadius,m 3DRadius,m 3DRadius); 
if(m bPolygonFill == TRUE) 
glutSolidDodecahedron( ); 
else 
glutWireDodecahedron( ); 
else if(m flag== ICOSAHEDRON ){ // 正 二 十 面体 
m_3DRadius = Win_Size/4.0; 
glScaled(m 3DRadius,m 3DRadius,m 3DRadius); 
if(m bPolygonFill == TRUE) 
glutSolidIcosahedron( ); 
else 
glutWireIcosahedron( ); 
} 
else if(m flag== OCTAHEDRON){ // 正 八 面体 
m 3DRadius = Win_Size/4.0; 
glScaled(m_3DRadius, m_3DRadius, m_3DRadius); 
if(m bPolygonFill == TRUE) 
glutSolidOctahedron( ); 
else 
glutWireOctahedron( ); 
} 
else if(m flag == SPHERE){ // 球 体 
m_3DRadius = Win_Size/4.0; 
if(m bPolygonFill == TRUE) 
glutSolidSphere(m_3DRadius, 30, 30); 
else 
glutWireSphere(m_3DRadius, 30, 30); 
有 
else if(m_flag== TORUS){ // 圆 环 体 
m_3DRadius = Win_Size/4.0; 
if(m bPolygonFill == TRUE) 
glutSolidTorus(m_3DRadius/2.0,m 3DRadius, 30, 30); 
else 
glutWireTorus(m_3DRadius/2.0,m 3DRadius, 30, 30); 





有 
else if(m_flag== TEAPOT){ // 茶 壶 
m_3DRadius = Win_Size/4.0; 
if(m bPolygonFill == TRUE) 
glutSolidTeapot(m 3DRadius); 
else 
glutWireTeapot(m 3DRadius); 
} 


通过 上 述 代码 ,就 可 以 绘制 GLUT 实用 库 中 提供 的 9 种 类 型 的 三 维 图 形 。 图 10. 2-6 
所 示 为 绘制 的 茶壶 线 框图 和 实体 图 。 
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图 10.2-6 茶壶 的 线 框图 和 实体 图 


10.2.3 真实 感 图 形 显 示 


图 10. 2-6 中 显示 的 茶壶 三 维 图 形 存在 二 义 性 以 及 无 立体 感 的 问题 ,原因 是 图 形 没 有 进 
行 消 隐 和 光照 等 真实 感 显 示 处 理 。OpenGL 在 绘制 真实 感 图 形 时 ,需要 通过 设置 深度 检测 、 
设置 场景 的 光照 以 及 材质 等 方式 使 图 形 达到 真实 感 的 效果 ,这 些 设置 只 对 OpenGL 提供 的 
三 维 图 形 实体 图 以 及 指定 了 正确 的 表面 法 向 量 的 平面 填充 图 形 有 效 。 

1. 深度 检测 

所 谓 深度 检测 ,是 对 组 成 三 维 实体 的 各 表面 与 视点 的 距离 进行 检测 ,这 是 实现 消 隐 的 第 
一 步 。 深 度 检测 也 是 一 个 状态 ,在 使 用 前 调用 glEnable(GL_DEPTH_TEST) 命 令 启 用 该 
状态 ,如 果 不 启用 , 则 利用 glDisable(GL_DEPTH_TEST) 命 令 关 闭 该 状态 。 当 启用 了 深度 
检测 状态 后 ,在 显示 图 形 的 OnDraw() 函 数 中 ,在 具体 绘图 函数 RenderScene() 之 前 要 调用 
glClear(GL_DEPTH_BUFFER_BIT) 命 令 , 以 清除 深度 缓冲 区 。 

2. 光照 

对 于 真实 感 图 形 显示 ,设置 光照 是 极为 重要 的 一 个 步 又, 如果 没 有 光照 ,绘制 的 图 形 将 
如 图 10. 2-6 所 示 无 立体 感 。 为 了 真实 地 表现 出 现实 世界 的 景象 .OpenGL 为 三 维 场景 的 绘 
制 提供 了 多 种 光源 ,这 些 光源 以 灯光 的 形式 出 现 ,OpenGL 允许 一 个 场景 至 少 支 持 8 坊 灯 。 
OpenGL 中 的 光源 主要 有 环境 光 、 温 反射 光 、 镜 面 反射 光 以 及 自发 光 四 种 类 型 ,不同 的 光源 
具有 不 同 的 属性 ,在 设置 光源 时 需要 采用 不 同 的 参数 。 其 中 前 面 三 种 光源 在 本 书 前 文 已 经 
论述 ,此 处 不 再 袭 述 。 自 发 光 本 身 可 以 作为 光源 , 它 的 材质 是 一 种 光照 属性 ,使 其 表面 亮度 
高 一 些 , 例 如 场景 中 有 一 个 开 着 的 灯泡 、 电 棒 或 者 车 灯 , 要 显示 它们 是 发 光 的 样子 。 

设置 灯光 的 第 一 步 是 启用 光照 ,光照 也 是 OpenGL 的 一 种 状态 ,因此 ,也 要 调用 
glEnable() 命令 。 具 体 命令 为 glEnable (GL_LIGHTING), 启 用 光照 状态 ,然后 ,调用 
glLight() 命 令 设置 光源 类 型 以 及 灯光 位 置 .该 命令 原型 为 : 


Void glLightf/iv(GLenum light, GLenum pname, const GLfloat * params); 





其 中 light 为 灯光 的 序号 ,参数 形式 为 GL_LIGHTi,0<i<GL_MAX_LIGHTS,GL_ 
MAX_LIGHTS 的 具体 值 与 设备 有 关 , 至 少 为 OpenGL 可 支持 的 灯 蔽 数 8。 参 数 pname 为 
一 个 设置 灯光 某 一 属性 的 枚 举 常量 ,可 为 如 表 10. 2-3 所 示 的 常量 值 。 

参数 params 为 一 数组 ,表示 光源 时 为 RG、B 和 Alpha 分 量 的 4 个 值 ,表示 光源 位 置 时 
为 齐 次 坐标 的 4 个 值 。 

某 巷 灯 设置 后 ,如 果 要 将 该 芳 灯 打开 , 需 调用 glEnable(GL_LIGHT 了 i) 命令 ,i 为 该 灯 序 
号 ; 关闭 该 灯 调 用 glDisable(GL_LIGHT 了 T) 命 令 。 当 场景 中 有 多 枪 灯 时 ,可 以 根据 需要 随时 
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利用 glEnable() 和 glDisable() 命 令 打 开 和 关闭 某 芳 灯 。 

















表 10.2-3 参数 pname 的 枚 举 常量 
枚 举 常 量 意义 
GL_AMBIENT 环境 光 
GL_DIFFUSE 漫 反 射 光 
GL_SPECULAR 镜面 光 或 聚光灯 
GL_POSITION 灯光 位 置 
GL_SPOT_DIRECTION 聚光灯 投射 方向 





GL_SPOT_EXPONENT 


聚光灯 指数 (单一 值 7 





GL_SPOT_CUTOFF 


聚光灯 投射 角度 (单一 值 ) 





GL_CONSTANT_ATTENUATION 
GL_LINEAR_ATTENUATION 
GL_QUADRATIC_ATTENUATION 





3. 材质 


灯光 的 衰减 因子 ,分 别 为 常数 (无 衰减 )、 线 性 误差 和 平方 
误差 (单一 值 ) 


在 绘制 三 维 图 形 时 ,除了 设置 光照 外 ,还 需要 设置 图 形 对 象 的 材质 ,来 表现 其 对 光照 的 
反应 即 色调 。 若 不 进行 设置 ,最 终 绘 出 的 图 形 对 象 颜色 取决 于 绘图 颜色 和 光源 颜色 。 

首先 ,调用 glEnable(GL_COLOR_MATERIAL) 命 令 启用 材料 对 当前 绘图 颜色 的 跟 
踪 , 然 后 ,调用 glColorMaterialO) 命 令 指定 哪个 面 对 光源 跟踪 ,该 命令 原型 为 : 


void glColorMaterial (GLenunm face, GLenum mode); 


其 中 ,参数 face 用 来 指定 对 象 的 跟踪 表面 ,为 枚 举 型 常量 ,常量 可 为 GL_FRONT( 前 
面 )、GL_BACK( 后 面 ) 或 者 GL_FRONT_AND_BACK( 前 后 两 面 ); mode 用 来 指定 跟踪 
什么 光源 ,为 枚 举 型 常量 ,常量 可 为 下 列 之 一 : GL_EMISSION( 自 发 光 ) 、GL_AMBIENT 
(跟踪 环境 光 )、GL_DIFFUSE( 跟 踪 漫 反射 光 )、GL_SPECULAR( 跟 踪 聚 光 灯 ) 和 GL_ 
AMBIENT_AND_DIFFUSE( 跟 踪 环 境 光 和 漫 反 射 光 ) 。 

在 光照 中 如 果 设 置 了 镜面 光 或 者 聚光灯 等 ,那么 在 设置 材质 参数 时 ,对 于 表面 的 高 光 部 
分 ,还 需 调用 glMaterial0 〇 命令 设置 高 光 反 射 特性 。 例 如 ,设置 某 号 灯 荔 具有 聚光灯 特性 : 


GLfloat specularLight[] = {1.0f,1.0f,1.0f,1.0f}; 
glLightfv(GL_LIGHTO, GL_SPECULAR, specularLight); 


那么 ,设置 表面 对 高 光 的 反射 特性 和 反射 系数 : 


glMaterialfv(GL_FRONT, GL_SPECULAR, specularLight); 
glMaterialli(GL FRONT,GL_SHININESS, 100); 


glMarerial() 命 令 的 函数 原型 为 : 


void glMaterialX(GLenum face, GLenum pname, Type params) 


其 中 ,X 表示 参数 的 数据 类 型 ,可 以 为 f\i\fv 以 及 iv; 参数 face 指定 设置 材质 的 对 象 表 
面 ; 枚 举 常量 和 glColorMaterial() 中 表面 使 用 的 枚 举 常量 相同 。pname 用 来 指定 设置 材质 
的 哪些 特性 参数 ,所 用 的 枚 举 常 量 如 表 10. 2-4 所 示 。 
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表 10.2-4 参数 pname 的 枚 举 常 量 


























枚 举 常 量 总 奖 
GL_AMBIENT 环境 光 
GL_DIFFUSE 漫 反 射 光 
GL_SPECULAR 光 或 聚光灯 
GL_EMISSION 自发 光 
GL_SHININESS 反射 系数 ,单一 值 , 取 值 [0,128] 
GL_AMBIENT_AND DIFFUSE 环境 光 与 漫 反射 光 
GL_COLOR_INDEXES 索引 色 , 仅 当 绘 图 色 为 索引 色 时 可 用 


OpenGL 对 光照 处 理 有 一 个 设置 光照 模型 参数 的 命令 : 
void glLightModelX(GLenum pname, Type param); 


其 中 ,X 表示 参数 的 数据 类 型 ,可 以 为 f\i\fv 以 及 iv。pname 为 枚 举 常量 ,可 为 以 下 值 。 

GL_LIGHT_MODEL_LOCAL_VIEWER 一 一 指出 计算 镜面 反射 的 方式 。 若 参数 
param 值 为 0, 则 镜面 反射 角 与 视线 方向 平行 且 指 向 x 轴 反 方向 ; 否则 ,镜面 反射 角 从 眼睛 
坐标 系 的 原点 计算 。 

GL_LIGHT_MODEL_TWO_SIDE 一 一 若 参数 param 的 值 为 0, 则 为 单 面 光 照 ,光照 计 
算 仅 与 材质 的 前 面 有 关 ,否则 ,为 双 面 光照 。 

GL_LIGHT_MODEL_AMBIENT 一 一 参数 param 为 4 个 数据 组 成 的 向 量 , 它 给 出 了 
环境 光 中 RGBA 的 强度 。 

需要 注意 的 是 , 当 设 置 了 光照 模型 参数 后 ,一般 情况 下 ,要 关闭 GL_COLOR_MATERIAL 

4. 表面 法 向 量 以 及 正 反面 

在 绘制 三 维 实体 图 形 时 ,需要 为 构成 三 维 实体 的 各 面 指定 法 向 量 。OpenGL 中 所 有 实 
体 表 面 均 由 平面 构成 ,即使 曲面 也 是 利用 平面 逼近 的 。 在 绘制 实体 表面 的 平面 时 ,除了 用 项 
点 向 量 表示 平面 边界 外 ,平面 法 向 量 也 是 一 个 极为 重要 的 参数 , 它 为 识别 平面 的 正 反 面 以 及 
光照 处 理 提供 了 依据 。 

OpenGL 的 表面 法 向 量 和 计算 机 图 形 学 中 的 表面 外 法 线 向 量 相同 ,也 是 从 实体 表面 的 
正面 垂直 指向 外 部 的 方向 矢量 。 绘 制 平 面 图 形 时 ,在 给 定 项 点 向 量 之 前 ,首先 调用 
glNormal() 命 令 指 定 该 表面 的 法 向 量 ,该 命令 原型 为 : 








void glNormal3X(Type nx, Type ny, Type nz); 

void glNormalX(const Type *v); 
其 中 ,XX 为 bvd\f\ivs 以 及 bvvdv\fvviv,sv 之 一 ,nx、ny、nz 参数 为 3 个 独立 的 字 节 型 \ 双 精 
度 型 、 浮 点 型 整 型 以 及 短 整 型 数据 ,v 是 这 些 类 型 的 数组 。 

应 当 说 明 的 是 ,参数 所 构成 的 向 量 必须 是 一 个 单位 向 量 , 即 它们 的 模 为 单位 1, 否则 必 
须 进行 规格 化 处 理 为 单位 向 量 。 当 三 维 图 形 通过 缩放 等 图 形变 换 后 ,有 可 能 会 导致 表面 的 
法 向 量 不 再 为 单位 化 ,这 时 ,可 以 调用 glEnable(GL_NOMALIZE) 命 令 对 法 向 量 重新 单位 
化 ,从 而 保证 泻 染 效果 。 

表面 正 反 面 对 计 算 平 面 法 向 量 有 重要 作用 ,在 OpenGL 默认 设置 情况 下 ,正面 看 一 个 
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封闭 的 多 边 形 ,如 果 该 多 边 形 顶 点 走向 是 逆 时 针 , 则 正 对 的 多 边 形 表面 是 正面 ,反面 为 背面 。 
如 果 要 求 多 边 形 顶 点 走向 为 顺 时 针 时 , 正 对 的 多 边 形 表面 是 正面 , 则 需要 调用 glFrontFace( 
GL_CW) 命 令 进行 设置 。 

5. 真实 感 图 形 显示 实例 

本 节 对 前 文 绘制 的 OpenGL 三 维 图 形 设 置 深度 检测 、 光 照 以 及 材质 等 真实 感 特性 ,来 
观察 显示 效果 。 首 先 ,在 View 视图 类 中 设置 如 下 和 真实 感 显 示 相 关 的 开关 变量 和 函数 ， 


BOOL m_DepthFlag; // 深 度 检测 设置 

BOOL m LightFlag; // 启 用 光照 状态 

BOOL m LightOFlag; //0 号 灯 状 态 

BOOL m_LightlFlag; //1 号 灯 状 态 

BOOL m_LithtModelF1ag; // 是 否 启 用 光照 模型 
BOOL m MaterialColorFlag; // 是 否 跟踪 当前 绘图 颜色 
BOOL m MatEmissionFlag; // 设 置 材质 是 否 自 发 光 
// 设 置 背景 颜色 


GLfloat m_iR_BG; 
GLfloat m iG BG; 
GLfloat m_iB BG; 


void RealEnvimentSet(); // 真 实感 设置 函数 

在 视图 类 的 构造 函数 COpenGL001View() 中 对 上 述 变 量 设 初始 值 : 
m_DepthFlag = FALSE; // 深 度 检测 设置 

m_LightFlag = FALSE; // 启 用 光照 状态 

m_LightOFlag = FALSE; //0 号 灯 状 态 

m_Light1Flag = FALSE; //1 号 灯 状 态 

m_LithtModelFlag = FALSE; // 是 否 启用 光照 模型 , 如 启用 , 则 材质 不 再 跟踪 当前 绘图 颜色 
m_MaterialColorFlag = FALSE; // 是 否 跟踪 当前 绘图 颜色 
m_MatEmissionFlag = FALSE; // 设 置 材质 自发 光 

m_iR_BG= 1.0; // 背 景 颜色 

m_iG BG=1.0; 

m_iB BG=1.0; 


真实 感 图 形 设 置 函数 RealEnvimentSet() 代 码 为 : 


void COpenGL001View: :RealEnvimentSet(){ 
if(m DepthFlag == TRUE) // 深 度 检测 设置 
glEnable(GL_DEPTH_TEST) ; 
else 
glDisable(GL_DEPTH_TEST) 
if(m LightFlag == TRUE) // 启 用 光照 状态 
glEnable(GL LIGHTING); 
else 
glDisable(GL LIGHTING); 
// 设 置 灯光 
GLfloat ambientLight[ ] = {0.1f,0.1f,0.1f,1.0f}; 
GLfloat diffuseLight[ ] = {0.9f£,0.9f,0.9f,1.0f}; 
GLfloat specularLight[] = {1.0f,1.0f,1.0f,1.0f}; 
GLfloat light0Pos[] = {~ Win Size, ~- Win Size, ~ Win Size,1.0f}; 
GLfloat lightlPos[ ] = {Win_ Size, Win Size, Win Size,1.0f}; 
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//0 号 灯光 
glLightfv(GL LIGHTO,GL AMBIENT, ambientLight); 
glLightfv(GL, LIGHTO, GL, DIFFUSE, diffuseLight); 
glLightfv(GL LIGHTO, GL SPECULAR, specularLight); 
glLightfv(GL_LIGHTO, GL POSITION, 1ightOPos) ; 
if(m LightOFlag == TRUE) //0 号 灯 状 态 
glEnable(GL_ LIGHTO) ; 
else 
glDisable(GL LIGHTO); 
//1 号 灯光 
glLightfv(GL_ LIGHT1,GL AMBIENT, ambientLight); 
glLightfv(GL_ LIGHT]1, GL DIFFUSE, diffuseLight); 
glLightfv(GL_LIGHT], GL SPECULAR, specularLight); 
glLightfv(GL_LIGHT1,GL POSITION, lightlPos); 








if(m_LightlFlag== TRUE) //1 号 灯 状 态 

glEnable(GL LIGHT]); 
else 

glDisable(GL LIGHT]); 
// 材 质 设置 
GLfloat mat_ambient[] = {0.2f,0.2f,0.2f,1.0}; // 材 质 正面 对 环境 光 的 反射 
GLfloat mat_diffuse[] = {0.1f,0.5f,0.6f,1.0f}; // 材 质 正面 对 漫 反 射 光 的 反射 
GLfloat mat_specular[] = {0. 5£,0. 5f, 0. 5f,1. 0f}; // 材 质 正 面 对 镜 面 光 的 反射 
GLfloat mat_back_ambient[] = {0.1f,0.1f,0.1f,1.0}; ”// 材 质 背面 对 环境 光 的 反射 
GLfloat mat_back diffuse[ ] = {0.1f,0.4f,0.5f,1.0f}; // 材 质 背 面 对 漫 反射 光 的 反射 
GLfloat mat_back_specular[ ] = {0. 3f,0.3f,0.3f,1.0f}; // 材 质 背面 对 镜面 光 的 反射 
if(m_LithtModelFlag == TRUE){ // 是 否 启用 光照 模型 ,如 启用 ,材质 不 再 跟踪 当前 颜色 

glDisable(GL COLOR MATERIAL); 

glLightModelf(GL_LIGHT MODEL TWO_SIDE,1.0); // 双 面 光照 


GLfloat lmodel ambient[] = {0.4f,0.4f,0.4f,1.0f}; 


GLfloat local view[] = {0.0f}; 


glLightModelfv(GL_LIGHT MODEL AMBIENT, lmodel ambient); 
glLightModelfv(GL_ LIGHT MODEL LOCAL VIEWER, local view); 


} 
else{ 
if(m MaterialColorFlag == TRUE){ 
glEnable( GL, COLOR_MATERIAL) ; 


// 是 否 跟踪 当前 绘图 颜色 


glColorMaterial(GL_FRONT AND BACK, GL_ AMBIENT AND DIFFUSE); 


} 
else 
glDisable(GL COLOR_ MATERIAL); 
} 
{ // 设 置 材质 对 各 种 光 的 反射 
glMaterialfv(GL FRONT,GL AMBIENT, mat ambient); 
glMaterialfv(GL FRONT, GL DIFFUSE, mat_ diffuse); 


glMaterialfv(GL FRONT, GL SPECULAR, mat specular); 

glMaterialf (GL_ FRONT, GL SHININESS, 50. 0); 

glMaterialfv(GL_ BACK, GL AMBIENT, mat_ back ambient); 
glMaterialfv(GL_ BACK,GL DIFFUSE, mat back diffuse); 

glMaterialfv(GL BACK,GL SPECULAR, mat back specular); 

if(m MatEmissionFlag == TRUE){ // 设 置 材质 自发 光 
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GLfloat mat_emission[ ] = {0.3f,0.2f,0.2f,1.0f}; // 自 发 光 
glMaterialfv(GL FRONT, GL_ EMISSION, mat emission); 
} 
else{ 
GLfloat mat_emission[ ] = {0.0f,0.0f,0.0f,1.0f}; // 自 发 光 
glMaterialfv(GL FRONT, GL_ EMISSION, mat emission); 
} 
} 
// 设 置 背景 颜色 
glClearColor(m iR BG,m iG BG,m iB BG,1.0f); 

h 

当 应 用 程序 的 窗口 发 生变 化 或 者 坐标 发 生变 化 时 ,灯光 及 材质 的 位 置 等 都 会 改变 ,所 以 
在 OnSize() 和 OnDrawZize() 函 数 中 都 应 调用 RealEnvimentSet() 设 置 真 实感 属性 。 由 于 
RealEnvimentSet() 函数 也 设置 了 绘图 的 背景 色 , 所 以 把 OnSize() 和 OnDrawZize() 中 设置 
背景 颜色 的 命令 “glClearColor(1. 0f,1. 0f,1. 0f,1. 0f);” 去 掉 。 

当 设 置 深度 检测 后 ,在 OnDraw() 函 数 中 , 需 将 glClear( GL_COLOR_BUFFER_BIT) 
修改 为 glClear( GL_COLOR_BUFFER_BIT| GL_DEPTH_BUFFER_BIT) ,以 便 清除 深 
度 缓冲 区 。 

为 实现 真实 感 图 形 各 参数 的 开关 设置 ,可 以 创建 一 个 非 模式 对 话 框 ,例如 CEnvSetDlg， 
界面 如 图 10. 2-7 所 示 。 在 程序 的 菜单 栏 或 者 工具 栏 中 建立 一 个 图 标 ,打开 这 个 真实 感 图 形 
设置 对 话 框 。 








i 
深度 检测 
F 灯光 设置 





万 打开 0 号 灯 琅 打开 1 号 灯 
忆 启用 光照 模型 
三 打开 材料 着 色 功 能 
厂 开启 自发 光 
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图 10.2-7 真实 感 图 形 设置 




















非 模式 对 话 框 的 创建 和 使 用 方法 见 本 书 前 面 章节 。 

设置 对 话 框 里 的 CheckBox 复 选 框 名 称 和 真实 感 图 形 参数 名 称 对 应 ,并 通过 类 向 导 为 
每 个 复 选 框 创建 BOOL 变量 ,添加 其 消息 映射 函数 。 

例如 ,对 于 深度 检测 对 应 的 ID 标识 符 是 IDC_CHECK_DEPTH, 对 应 的 变量 为 m_ 
boolDepth,m_bool Depth 的 初始 值 为 FALSE, 对 应 的 消息 映射 函数 为 OnCheckDepth() 。 

当选 中 对 话 框 的 “深度 检测 ” 复 选 框 后 ,调用 视图 类 的 真实 感 设置 函数 RealEnvimentSet()， 
并 调用 视图 刷新 函数 ,实时 启用 深度 检测 。 函 数 代码 如 下 : 
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void CEnvSetD1g: :OnCheckDepth() { 
UpdateData( TRUE) ; 
if(this - >m_boolDepth == TRUE) 
this ->m_pView —>m DepthFlag = TRUE; 


else 

this—>m pView—>m DepthFlag = FALSE; 
this—>m pView— > RealEnvimentSet( ); // 真 实感 设置 函数 
this—>m pView—> Invalidate( ); // 实 时 刷新 
UpdateData( FALSE); 


} 


同 理 ,对 话 框 中 其 他 真实 感 图 形 参 数 设置 方法 和 上 述 深度 检测 设置 方法 类 似 ,代码 此 处 
省 略 。 在 该 对 话 框 中 ,也 可 以 设置 绘图 背景 的 颜色 ,设置 方法 和 10. 2. 1 节 绘 图 颜色 的 设置 
方法 类 似 。 

运行 应 用 程序 ,打开 上 述 的 真实 感 图 形 参 数 设置 即 场景 对 话 框 ,设置 各 真实 感 图 形 的 参 
数 为 打开 或 关闭 状态 ,可 以 看 到 绘制 图 形 的 显示 变化 情况 。 其 中 ,深度 检测 、 灯光 设置 以 及 
灯 的 开启 直接 影响 图 形 的 立体 感 ,光照 模型 .材质 着 色 以 及 材质 自发 光 等 属性 使 图 形 的 色调 
进一步 发 生 了 变化 。 

6. 绘制 自 定义 三 维 拉 伸 图 形 

除了 立方 体 、 圆 锥 体 、 圆 环 、 球 、 多 面体 和 茶壶 等 9 种 三 维 图 形 对 象 的 绘图 命令 外 ， 
OpenGL 没有 提供 其 他 三 维 图 形 的 绘制 方法 。 对 于 其 他 三 维 形体 ,可 以 利用 点 、 线 、 面 这 些 
基本 图 元 来 创建 三 维 形体 的 各 表面 ,将 各 表面 组 成 一 个 封闭 的 形状 , 即 可 确定 一 个 三 维 实 
体 。 例 如 ,将 一 个 封闭 的 平面 多 边 形 沿 其 垂直 方向 拉 伸 一 定 的 距离 ,形成 的 立体 即 为 三 维 拉 
伸 体 ,填充 后 即 为 拉 伸 实体 。 

为 了 实现 上 述 自 定义 的 三 维 拉 伸 体 ,首先 在 OpenGL001View. h 头 文件 中 建立 拉 伸 的 
宏 常 量 : 


# define STRETCH 20 // 拉 伸 


在 应 用 程序 的 视图 类 COpenGL001View 中 定义 一 个 多 边 形 的 顶点 集合 变量 以 及 拉 伸 
长 度 的 变量 : 

CArray < GLPoint, GLPoint > m Pt_Array_Polygon; // 多 边 形 顶点 集合 

double m_dLength; // 拉 伸 长 度 

然后 在 应 用 程序 的 工具 栏 中 设置 拉 伸 工具 栏 标 识 , 例 如 ID_STRETCH ,并 通过 类 向 导 
在 视图 类 中 建立 ID_STRETCH 的 ON_COMMAND 和 ON_UPDATE_COMMAND_UI 
消息 映射 函数 。 

要 构造 三 维 拉 伸 体 ,首先 应 形成 一 个 封闭 的 平面 多 边 形 ,可 以 通过 绘制 封闭 的 折线 段 实 
现 ,并 用 鼠标 在 屏幕 拾取 顶点 。 需 要 注意 的 是 : 为 保证 多 边 形 表面 法 向 量 计算 正确 ,鼠标 要 
按 逆 时 针 方 向 拾取 屏幕 点 。 当 拾取 的 顶点 达到 三 个 后 , 拉 伸 工具 条 激活 ,函数 代码 如 下 : 





void COpenGL001View: :OnUpdateStretch(CCmdUI * pCmdUI) { 
pCmdUI - > Enable( (m flag == GLLINELOOP&Sm Point Array.GetSize()>= 3)?TRUE:FALSE); 
} 
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顶点 拾取 后 , 单 击 拉 伸 工具 条 ,将 拾取 点 赋 给 多 边 形 顶点 集合 ,设置 拉 伸 长 度 , 开 启 拉 伸 
标识 。 函 数 代码 如 下 : 


void COpenGLOO1View: :OnStretch() { 
m Pt Array Polygon. RemoveAll(); 


m_Pt_Rrray_Polygon.Rppend(this - >m Point Array); // 将 顶点 赋 给 拉 伸 多 边 形 
m dLength= Win Size/2.0; // 设 置 拉 伸 长 度 
m_flag = STRETCH; // 设 置 拉 伸 标识 


InitOperation( ) 
上 


在 绘图 函数 RenderScene() 中 增加 绘制 拉 伸 体 的 代码 ,代码 放 在 函数 最 后 的 glPopMatrix() 


if(m_flag == STRETCH){// 拉 伸 体 
if(m_bPolygonFill == TRUE) // 设 置 是 否 填 充 
glPolygonMode( GL, FRONT_AND_BACK, GL, FILL); 
else 
glPolygonMode( GL_FRONT_AND_BACK, GL_LINE); 
GLfloat ver[3][3],nor[3]; 
GLPoint pt, pt1, pt2, pt3; 
// 绘 制 上 下 两 个 底 ,首先 绘制 下 底面 ,假设 顶点 是 逆 时 针 走 向 
if(m_dLength> 0) 
glNormal3f(0.0,0.0, -1.0); 
else 
glNormal3f(0.0,0.0,1.0); 
PolygonTesselator(m Pt_Array_ Polygon) ; // 利 用 多 边 形 网 格 化 细 分 多 边 形 
// 绘 制 上 底面 
if(m dLength> 0) 
glNormal3f(0.0,0.0,1.0); 
else 
glNormal3f(0.0,0.0, -1.0); 
CArray < GLPoint, GLPoint > m Pt_Array_Polygonl; 
for(int i=this—->m Pt Array_Polygon.GetSize()—1;i>=0;i--){ 
pt=m Pt Array Polygon. GetAt(i); 
pt.z+= m dLength; 
m Pt_Array_Polygonl. Add(pt); 
} 
PolygonTesselator(m Pt _Array_ Polygonl); // 多 边 形 网 格 化 细 分 多 边 形 
// 绘 制 侧面 ,首先 计算 外 法 向 量 
for(i=0;i<this 一 >m_Pt_Rrray_Polygon.GetSize();i++){ 
pt=m Pt Array Polygon. GetAt(i); 
if(i<this—->m Pt Array Polygon.GetSize()—1) 
ptl=m Pt Array_ Polygon.GetAt(i+1); 
else 
ptl =m Pt Array Polygon.GetAt(0); 
pt2 = ptl; 
pt2.z += m_ dLength; 
pt3= pt; 
pt3.z+=m dLength; 
// 构 造 向 量 点 
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ver[0][0] =pt.x;ver[0][1] = pt.y;ver[0][2] = pt.z; 
ver[1][0] = pt1.xiver[1][1] = ptl.y;ver[1][2] = pti.z; 
ver[2][0] = pt2.x;ver[2][1] = pt2. y;ver[2][2] = pt2. 2z; 


CaCulateNormal (ver, nor); // 计 算法 向 量 
glBegin(GL_ POLYGON); 
glNormal3fv(nor); // 设 置 法 向 量 


glVertex3f(pt. x,pt. y, pt. z); 

glVertex3f(ptl.x, ptl1.y, pt1. 2z); 

glVertex3f (pt2. x, pt2. y, pt2. z); 

glVertex3f (pt3. x, pt3. y, pt3. 2); 
glEnd(); 


} 


上 述 函 数 代码 中 ,在 绘制 每 个 表面 多 边 形 时 ,需要 首先 设置 表面 的 法 向 量 。 对 于 上 下 两 
个 底面 多 边 形 的 外 法 线 向 量 , 根 据 拉 伸 长 度 的 正 负 , 设 置 上 下 两 个 底面 多 边 形 的 外 法 线 向 量 
沿 z 轴 正 向 或 者 负 向 。 对 于 拉 伸 体 的 每 个 侧 表面 ,在 表面 上 沿 逆 时 针 方向 取 三 个 顶点 ,计算 
外 法 线 向 量 , 并 进行 规范 化 处 理 。 计 算 外 法 线 向 量 和 规范 化 处 理 的 函数 放 在 
OpenGL001View. h 文件 下 方 或 者 OpenGL001View. cpp 文件 上 方 均 可 ,代码 如 下 : 


void Unitlize(GLfloatx Vertex){ ”// 向 量规 范 化 处 理 
GLfloat len = GLfloat(sqrt(Vertex[0] * Vertex[0] + Vertex[1] * Vertex[1] + Vertex[2] * Vertex 
[21)); 
if(len== 0.0f) 
len=1.0f; 
Vertex[0]/ = len; 
Vertex[1]/ = len; 
Vertex[2]/ = len; 
} 
void CaCulateNormal (GLfloat Vertices[3][3],GLfloat * Normal){ // 计 算法 向 量 
GLfloat vi[3],v2[3]; 
// 向 量 
v1[0] = Vertices[1][0] - Vertices[0][0]; 
v1i[1] = Vertices[1][1] - Vertices[0][1]; 
vl[2] = Vertices[1][2] - Vertices[0][2]; 
v2[0] = Vertices[2][0] - Vertices[1][0]; 
v2[1] = Vertices[2][1] - Vertices[1][1]; 
v2[2] = Vertices[2][2] - Vertices[1][2]; 
// 向 量 又 乘 
Normal[0] = v1[1] * v2[2] - vi[2] * v2[1]; 
Normal[1] =vi[0] * v2[2] ~ vi[2] * v2[0]; 
Normal[2] = vi[2] * v2[0] ~ vi[0] * v2[2]; 
// 向 量规 范 化 处 理 
Unitlize(Normal); 
L 


运行 程序 ,绘制 封闭 的 折线 段 , 当 形成 多 边 形 后 进行 点 拉 伸 操作 , 即 形成 三 维 拉 伸 体 ,可 
进行 平移 动画 展示 等 操作 。 图 10. 2-8 所 示 为 一 自 定 义 的 拉 伸 体 的 线 框图 和 真实 感 显示 效 
果 , 其 中 线 框图 中 上 下 底面 多 边 形 已 经 网 格 化 为 多 个 三 角形 。 
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图 10.2-8 自 定 义 拉 伸 体 线 框图 及 真实 感 显示 


7. 颜色 混合 实现 透明 、 反 走样 及 雾 化 效果 
在 OpenGL 中 ,通过 将 绘制 图 形 的 颜色 混合 可 以 实现 透明 、 反 走样 等 效果 。 所 谓 颜 色 
混合 是 指 按 一 定 的 规则 将 当前 的 绘图 色 ( 源 颜色 ,C,) 与 场景 中 已 存在 的 对 象 的 颜色 (目标 颜 


色 ,Cs) 混 合 起 来 获得 一 种 新 的 颜色 。 


使 用 混合 功能 ,必须 首先 调用 glEnable() 命 令 启用 混合 状态 : glEnable(GL_BLEND)， 
停止 混合 则 调用 glDisable(GL_BLEND) 命 令 。 当 混合 功能 启动 后 , 源 颜色 与 目标 颜色 混合 


的 结果 由 混合 方程 控制 。 混 合 方程 的 


一 般 形 式 为 
C 一 CS 十 CoD 


其 中 ,C, 为 混合 后 的 颜色 ,S 和 分 别 为 源 混 合 因子 和 目标 混合 因子 。 设 置 混合 因子 需要 


通过 调用 glBlendFunc() 命 令 来 实现 。 


该 命令 原型 为 : 


void glBlendFunc(GLenum sfactor, GLenum dfactor); 


其 中 ,参数 sfactor 和 dfactor 分 别 是 源 混合 因子 和 目标 混合 因子 对 应 的 枚 举 常 量 。 枚 
举 常 量 的 值 以 及 对 应 各 颜色 分 量 R.G、B 和 Alpha 的 混合 因子 如 表 10. 2-5 所 示 。 


表 10. 2-5 混合 因子 























枚 举 常 量 混合 因子 意 村 
GL_ZERO 0 值 为 0 
GL_ONE 1 值 为 1 
GL_SRC_COLOR (RG;,B, ,A,) 值 为 源 颜色 值 
GL_ONE_MINUS_SRC_COLOR (1 一 R,,1 一 G,,1 一 B,,1 一 A,) | 值 为 1 一 源 颜 色 值 
GL_DST_COLOR CR ,Ga ,Bs ,As) 值 为 目标 颜色 值 
GL_ONE_MINUS_DST_COLOR (1 一 Rs,1 一 Gs ,1 一 Bs,1 一 As) | 值 为 1 一 目标 颜色 值 
GL_SRC_ALPHA A, 值 为 源 颜色 Alpha 值 

















GL_ONE_MINUS_ALPHA 1 一 4， 值 为 1 一 源 颜色 Alpha 值 
GL_DST_ALPHA As 值 为 目标 颜色 Alpha 值 
GL_ONE_MINUS DST_ALPHA 1—As 值 为 1 一 目标 颜色 Alpha 值 
GL_CONSTANT_COLOR (R.,G. ,B. ,A.) 值 为 常量 颜色 值 
GL_ONE_MINUS_CONSTANT_COLOR | (1 一 R.,1 一 G. ,1 一 B. ,1 一 A.) | 值 为 1 一 常量 颜色 











GL_CONSTANT_ALPHA A 值 为 常量 Alpha 值 
GL_ONE_MINUS_CONSTANT_ALPHA | 1 一 4。 值 为 1 一 常量 Alpha 值 
GL_SRC_ALPHA_STAURE CF,F,F;1) F=min{A,,1—A,} 
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例如 , 当 混合 因子 设置 命令 为 glBlendFunc(GL_SRC_ALPHA,GL_ONE_MINUS_ 
SRC_ ALPHA) 时 , 则 源 颜色 和 目标 颜色 的 混合 因子 分 别 为 A, 和 1 一 A,, 然 后 OpenGL 利 
用 混合 方程 获得 混合 后 的 颜色 值 。 

图 10. 2-9 所 示 为 颜色 模型 中 常用 的 RGB 模型 ,图 中 两 种 原色 又 加 产生 的 新 颜色 就 是 
颜色 混合 的 结果 ,其 中 的 混合 因子 设置 命令 为 glBlendFunc (GL_ONE_MINUS_DST_ 
COLOR, GL_ONE MINUS _SRC _ COLOR) 。 

图 形 的 透明 效果 可 以 通过 颜色 混合 实现 ,设置 混合 因子 
命令 为 glBlendFunc (GL_SRC_ALPHA,GL_ONE_MINUS 
SRC_ALPHA)。 这 时 需要 设置 源 颜色 即 后 绘制 图 形 的 颜色 
Alpha 值 为 大 于 0 小 于 1 的 值 。Alpha 值 越 小 ,透明 度 越 高 。 

需要 注意 的 是 , 当 开启 图 形 的 深度 检测 功能 后 ,颜色 的 混 
合 和 透明 结果 与 图 形 的 绘制 顺序 、 图 形 在 视线 方向 绘制 的 远 
近 位 置 有 关系 。 要 实现 混合 ,应 该 先 绘制 距离 视线 远 的 图 形 ， 
再 绘制 距离 视线 近 的 图 形 ,和 否则 会 出 现 不 混合 的 现象 。 即 使 





图 10.2-9 RGB 三 基色 混合 
先 绘制 的 距离 视线 近 的 图 形 的 Alpha 值 为 0, 也 不 会 出 现 混合 


的 情况 ,因为 它 已 经 绘 出 ,在 其 后 绘制 的 图 形 不 能 改变 已 绘制 的 图 形 的 颜色 。 
在 应 用 程序 中 实现 颜色 混合 和 透明 时 ,首先 ,在 视图 类 中 建立 一 个 变量 标识 : 


int m BlendFlag; 


在 视图 类 的 构造 函数 中 ,设置 m_BlendFlag 一 0; 然后 ,在 菜单 栏 或 者 工具 栏 中 ,设置 一 
个 混合 和 一 个 透明 的 菜单 ID, 并 通过 类 向 导 建 立 对 应 的 消息 映射 函数 ,并 在 消息 函数 中 设 
置 开 启 混合 功能 以 及 调用 混合 因子 设置 命令 。 例 如 ,颜色 混合 的 消息 映射 函数 的 代码 为 ; 


void COpenGL001View: :OnBlend() { // 混 合 
if(m_BlendFlag== 0){ 
glBlendFunc(GL_ONE_MINUS_DST_COLOR, GL ONE_MINUS_SRC_COLOR) ; 
glEnable(GL_BLEND) ; 
m_BlendFlag= 1; 
} 
else{ 
glDisable(GL BLEND); 
m BlendFlag= 0; 
} 
Invalidate( ); 
} 


透明 的 消息 映射 函数 的 代码 为 : 


void COpenGL001View: :OnTransparent() { // 透 明 
if(m BlendFlag== 0){ 
glBlendFunc(GL, SRC_ALPHA, GL, ONE MINUS SRC ALPHA); 
glEnable( GL, BLEND) ; 
m BlendFlag = 2; 
} 


else{ 
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glDisable(GL BLEND); 
m BlendFlag= 0; 
} 
Invalidate( ); 
} 


在 应 用 程序 的 绘图 函数 RenderScene() 中 ,增加 混合 和 透明 的 相关 绘图 代码 ,以 便 显示 
混合 的 效果 ,代码 放 在 函数 的 前 面 位 置 : 


if(m BlendFlag!= 0){ 
if(m_BlendFlag== 1){// 混 合 
GLUquadricObj * obj; // 定 义 一 个 二 次 曲面 指针 
glPushMatrix( ); 
glTranslatef(0.0,Win Size/3,0.0); 
glColor4f(1.0,0.0,0.0,1.0); 
obj = gluNewQuadric( ); // 生 成 二 次 曲面 对 象 
gluDisk(obj,0,Win Size/3,30,1); 
glPopMatrix(); 
glPushMatrix( ); 
glTranslatef( - Win_Size/5,0, — Win_Size/5); 
glColor4f(0.0,1.0,0.0,1.0); 
obj = gluNewQuadric( ); // 生 成 二 次 曲面 对 象 
gluDisk(obj, 0, Win Size/3, 30,1); 
glPopMatrix( ); 
glPushMatrix( ); 
glTranslatef (Win_Size/5,0, — Win_Size/3); 
glColor4f(0.0,0.0,1.0,1.0); 


obj = gluNewQuadric( ); // 生 成 二 次 曲面 对 象 
gluDisk(obj,0, Win Size/3, 30,1); 
glPopMatrix( ); 

} 

else if(m BlendFlag == 2){ // 透 明 
glPushMatrix( ); 


glTranslatef(0.0,0.0, -Win Size/2.0); 
glColor4f(1.0,0.0,0.0,1.0); 
m 3DRadius = Win_Size/4.0; 
if(m_bPolygonFill == TRUE) // 绘 制 一 个 圆 环 
glutSolidTorus(m_3DRadius/2. 0,m_3DRadius, 30, 30); 
else 
glutWireTorus(m_3DRadius/2.0,m 3DRadius, 30, 30); 
glPopMatrix( ); 
glPushMatrix( ); 
glTranslatef (Win_Size/4.0,Win Size/4.0,Win Size/2.0); 
glColor4f(0.0,1.0,0.0f,0.4f); 
glutSolidSphere(Win_Size/2.0,30.0,30.0f); // 绘 制 一 个 球 
glPopMatrix( ); 


} 


注意 ,由 于 混合 和 透明 与 图 形 的 绘制 顺序 、 图 形 在 视线 方向 绘制 的 远近 位 置 有 关系 , 因 
此 , 当 开启 深度 检测 或 者 改变 图 形 绘制 代码 顺序 时 .上 述 代码 产生 的 图 形 有 可 能 不 会 出 现 混 
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合 的 效果 。 

直线 的 反 走 样 也 可 以 利用 混合 来 实现 。 由 于 显示 器 的 显示 点 为 离散 像素 点 ,在 绘制 连 
续 的 直线 时 会 产生 锯齿 那样 的 失真 现象 , 反 走样 是 指 利用 一 定 的 方法 减轻 或 者 消除 直线 上 
的 锯齿 ,使 直线 显得 平整 光滑 。OpenGL 利用 混合 进行 反 走 样 , 实 际 上 是 在 锯齿 的 凹凸 处 填 
上 介 于 直线 颜色 与 背景 颜色 之 间 的 颜色 ,从 而 在 宏观 上 使 直线 显得 比较 光滑 平顺 。 

直线 反 走 样 也 要 开启 混合 状态 ,混合 因子 设置 命令 的 参数 和 图 形 透 明 设 置 的 混合 因子 
参数 相同 ,也 是 : 


glBlendFunc (GL, SRC_ALPHA, GL, ONE,_ MINUS_SRC_ALPHA); 


然后 ,利用 glEnable(GL_LINE_SMOOTHD) 命 令 启 用 直线 反 走样 功能 ,再 调用 gl1Hint() 命 
令 控 制 特定 的 泻 染 行为 ,该 命令 不 仅 用 于 控制 直线 的 处 理 , 也 用 于 其 他 对 象 的 处 理 。 该 命令 
是 OpenGL 中 唯一 一 个 与 硬件 有 关 的 命令 , 若 硬 件 不 支持 , 则 被 忽略 。 命 令 原型 为 : 





void glHint (GLenum target, GLenum mode) ; 


其 中 ,参数 target 可 取 的 枚 举 常量 值 有 : 

GL_FOG_HINT 一 一 根据 项 点 或 者 根据 每 个 像素 计算 雾 ; 

GL_LINE_SMOOTH_HINE 一 一 设置 直线 采样 质量 ; 

GL_PERSPECTIVE_CORRECTION_HINT 一 一 颜色 或 者 纹理 贴图 质量 ; 

GL_POINT_SMOOTH_HINT 一 一 设置 点 采样 质量 ; 

GL_POLYGON_SMOOTH_HINT 一 一 多 边 形 边界 质量 。 

参数 mode 的 取 值 有 : 

GL_FASTEST 一 一 高 效率 ; 

GL_NICEST 一 一 高 质量 ; 

GL_DONT_CARE 一 一 无 特别 要 求 。 

在 应 用 程序 中 实现 反 走 样 时 ,在 工具 栏 或 者 菜单 栏 中 建立 一 个 ID 标识 ,通过 类 向 导 建 
立 其 消息 映射 函数 ,在 该 函数 中 开启 反 走样 。 代 码 参 考 如 下 : 


void COpenGL001View: :OnLineSmooth() { // 直 线 反 走 样 
if(m BlendFlag == 0){ 
glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA); ”// 混 合 
glEnable( GL BLEND); 
glEnable(GL_LINE SMOOTH); 
glHint (GL LINE_SMOOTH_HINT, GL_ NICEST); 
glHint(GL, POINT SMOOTH_HINT, GL NICEST); 
m BlendFlag= 3; 
} 
elsef 
glDisable(GL BLEND); 
glDisable(GL LINE SMOOTH); 
m BlendFlag= 0; 
} 
Invalidate( ); 
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颜色 混合 也 可 以 营造 雾 的 效果 。 为 了 表现 雾 效果 ,必须 调用 glEna 
雾 状态 ,还 需要 调用 glFog() 命 令 设 置 雾 的 参数 。 该 命令 原型 为 : 


void glFogX( GLenum pname, Type param) ; 


ble(GL_FOG) 启 用 


其 中 ,X 为 fvi.fv 和 iv 之 一 。Type param 表示 GLfloat、GLint 两 种 数据 类 型 的 数组 


(向 量 )。pname 的 枚 举 常量 取 值 有 : 


GL_FOG_MODE 一 一 雾 的 模式 , 取 值 : GL_LINEAR( 线 形 ) .GL_EXP( 指 数 ) 或 者 GL_ 


EXP2( 平 方 指数 ); 
GL_FOG_DENSITY 一 一 雾 的 密度 (单一 值 ) ; 
GL_FOG_START 一 一 雾 开始 处 到 视点 的 距离 (单一 值 ) ; 
GL_FOG_END 一 一 雾 结束 处 到 视点 的 距离 (单一 值 ); 
GL_FOG_INDEX 一 一 雾 颜 色 的 索引 值 (单一 值 ); 
GL_FOG_COLOR 一 一 雾 的 颜色 ,为 包含 RGBA 的 数组 。 





在 应 用 程序 中 使 用 雾 时 ,首先 在 视图 类 中 建立 雾 的 模式 变量 :“int m_fogMode;”, 并 在 
视图 类 的 构造 函数 中 设置 “m_fogMode 王 0;”, 在 菜单 栏 或 者 工具 栏 中 设置 雾 的 ID 标识 , 通 


过 类 向 导 建立 对 应 的 消息 映射 函数 ,在 消息 映射 函数 中 开启 和 设置 雾 状 


void COpenGL001View: :OnFog() { 


态 ,代码 参考 如 下 : 


if(m_fogMode == 0){ // 雾 的 格式 
glEnable(GL_ FOG); 
glFogi(GL_ FOG_MODE, GL LINEAR) ; // 线 性 雾 模 式 
m_fogMode = 17 


GLfloat fogColor[] = {0.5,0.5f,0.5f,1.0}; 
glFogfv(GL_FOG_COLOR, fogColor) 
glFogf (GL_FOG DENSITY, 0. 35F); 
glHint(GL_FOG_HINT, GL_DONT_CARE); 
glFogf (GL_FOG_START, — Win_Size); 
glFogf (GL_FOG END, Win Size); 

} 

else{ 
glDisable(GL_FOG) ; 
m fogMode= 0; 

Invalidate( ); 

} 


如 果 采 用 其 他 雾 的 模式 , 则 通过 菜单 栏 或 者 工具 栏 设 置 其 他 雾 模 式 
8. OpenGL 图 形 选取 交互 技术 
当 鼠 标 在 绘图 窗口 中 移动 时 , 单 击 某 个 图 形 ,应 用 程序 能 够 确定 单 








重要 的 一 个 功能 ,OpenGL 对 图 形 拾取 也 提供 了 相应 的 功能 。 


即 可 。 





到 的 是 场景 中 的 哪 


个 对 象 , 这 种 技术 称 为 图 形 的 拾取 ,又 称 选择 。 图 形 拾取 技术 是 实现 图 形 的 交互 式 操作 非常 


OpenGL 选择 功能 的 原理 是 ,以 单 击 坐 标的 位 置 为 中 心 创建 一 个 比较 小 的 可 视 区 域 ,在 


选择 模式 下 绘制 图 形 , 并 使 用 OpenGL 的 选择 特性 测试 可 视 区 域内 包含 


单 击 拾取 的 图 形 。 


含 的 图 形 对 象 , 即 为 
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为 了 辨识 拾取 的 图 形 对 象 , 在 绘制 图 形 时 ,将 图 形 进行 命名 ,被 拾取 的 图 形 名 字 被 压 入 
名 字 堆 栈 ,以 便 判 断 。 创 建 图 形 名 字 堆 栈 时 ,首先 调用 glInitNames() 命 令 创建 并 初始 化 名 
字 堆 栈 为 空 。 该 命令 原型 为 : 





void glInitName( ); 


为 了 保证 名 字 堆 栈 中 至 少 存在 一 条 记录 ,创建 名 字 堆 栈 后 ,立刻 向 其 压 入 一 条 空 记 录 ， 
命令 为 glPushName(0) 。 该 命令 的 原型 为 ; 


void glPushName( GLuint name) 


其 中 ,参数 name 为 无 符号 整数 ,该 命令 用 于 将 参数 所 指 的 名 字 压 人 名 字 堆 栈 。 
在 绘制 每 一 个 图 形 前 ,首先 调用 glLoadName() 命 令 ,将 与 图 形 对 应 的 名 字 装 和 人 名字 堆 
栈 。 该 命令 的 原型 为 : 


void glLoadName( GLuint name); 


其 中 ,参数 name 与 glPushName() 的 参数 相同 ,用 于 向 名 字 堆 栈 中 装 入 一 个 名 字 , 并 用 
新 名 字 替 换 栈 顶 的 名 字 。 

当 多 个 图 形 对 象 之 间 存 在 一 个 隶属 于 另 一 个 的 层次 关联 关系 时 ,例如 身体 的 四 肢 隶 属 
躯体 ,在 拾取 时 ,要求 记 录 它 们 之 间 的 这 种 层次 关系 。 在 绘制 图 形 时 ,首先 绘制 所 隶属 的 图 
形 例如 躯体 , 装 和 身体 名 字 到 堆栈 ,再 绘制 隶属 的 图 形 例 如 四 肢 , 将 每 个 肢体 的 名 字 压 人 堆 
栈 。 在 绘制 每 一 个 肢体 时 ,肢体 名 字 压 入 堆栈 ,绘制 完 该 肢体 后 ,还 应 将 该 肢体 的 名 字 再 弹 
出 堆栈 ,以 保证 在 绘制 过 程 中 名 字 堆 栈 的 栈 顶 仅 保存 一 个 名 字 ,使 下 一 个 要 绘制 的 图 形 名 字 
出 现在 栈 项 ; 否则 ,在 拾取 过 程 中 ,下 一 个 图 形 对 象 的 名 字 不 可 能 出 现 。 名 字 弹 出 堆栈 的 命 
邻 原型 为 : 


void glPopName( ) ; 


上 述 的 名 字 堆 栈 操作 命令 ,只 在 OpenGL 的 图 形 泻 染 模式 为 选择 模式 时 才 起 作用 ,在 
其 他 模式 下 ,这 些 命令 将 被 忽略 。 

单 击 图 形 后 ,需要 将 单 击 记录 保存 在 一 个 选择 缓冲 区 中 。 建 立 选择 缓冲 区 的 命令 为 
glSelectBuffer() ,该 命令 原型 为 : 


voidglSelectBuffer(GLzisei size,GLuint * buffer); 


其 中 ,参数 size 为 选择 缓冲 区 的 大 小 ,参数 buffer 用 来 作为 选择 缓冲 区 的 首 地 址 。 选 
择 缓 冲 区 实际 上 是 一 个 无 符号 整形 数组 ,每 条 单 击 记录 在 数组 中 至 少 占据 四 个 元 素 : 第 一 
个 元 素 包 含 单 击 事件 发 生 时 ,名 称 堆栈 中 具有 层次 关系 图 形 的 数量 ; 接 下 来 两 个 元 素 包 含 
上 一 条 单 击 记录 在 可 视窗 口 的 最 小 和 最 大 < 坐标 ; 第 四 个 元 素 为 名 称 堆栈 的 底部 , 即 图 形 
对 象 的 名 字 ; 如 果 超 过 一 个 名 字 出 现在 名 字 堆 栈 中 ,它们 将 出 现在 该 元 素 之 后 。 

为 了 判断 单 击 对 象 ,调用 glIRenderMode(GL_SELECT) 命 令 将 图 形 演 染 模式 设置 为 选 
择 模 式 。 图 形 演 染 模式 设置 命令 原型 为 ， 


void glRenderMode( GLenum mode); 














其 中 ,参数 mode 可 为 GL_RENDER( 默 认 绘图 模式 )\GL_SELECT( 选 择 模式 ) 或 GL_ 
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FEEDBACK( 反 馈 模式 )。 该 命令 将 当前 模式 设置 成 参数 所 指定 的 模式 ,并 返回 上 一 次 调用 
该 命令 时 所 设置 的 相应 值 。 

在 选择 模式 下 ,重新 设置 投影 模式 ,建立 拾取 区 域 ,对 拾取 区 域 创建 和 绘图 方式 相同 的 
坐标 投影 矩阵 ,并 重新 绘制 图 形 。 拾 取 区 域 通过 gluPickMatrix() 命 令 建 立 , 该 命令 原型 为 : 


void gluPickMatrix(GLdouble x, GLdouble y, GLdouble width, GLdouble height, GLint viewport[ 4]); 


其 中 x 和 y 为 拾取 区 域 的 中 心 坐标 ,可 以 单 击 的 窗口 坐标 点 为 中 心 坐标 ;width 和 
height 为 拾取 区 域 以 像素 计 的 宽度 和 高 度 ; 参数 viewport 为 当前 的 绘图 窗口 的 尺寸 数组 ， 
分 别 为 窗口 的 左边 界 、 上 边界 、 右 边界 和 下 边界 ,可 通过 glGetIntegerv(GL_VIEWPORT， 
viewport) 命 令 获 得 ,也 可 以 通过 glViewportv() 命 令 获 得 。 

创建 拾取 区 域 后 ,再 对 拾取 区 域 创建 和 绘图 模式 相同 的 坐标 投影 矩阵 ,然后 绘制 图 形 ， 
绘制 完成 后 再 调用 gIRenderMode(GL_RENDER) 命 令 返回 泻 染 模式 ,该 命令 同时 返回 在 选 
择 模式 下 单 击 的 记录 数 , 并 将 记录 复制 到 选择 缓冲 区 中 。 通 过 对 缓冲 区 内 容 的 进一步 解析 ， 
即 可 判断 出 单 击 拾 取 的 是 哪 一 个 图 形 对 象 。 

为 了 在 应 用 程序 OpenGL001 中 实现 图 形 拾取 ,首先 在 OpenGL001View. h 头 文件 中 建 
立 选择 的 宏 常 量 : 


#define SELECT 21 // 选 取 
在 COpenGL001View 视图 类 中 建立 处 理 选 择 的 函数 : 
void DoSelection(GLfloat xPos,GLfloat yPos); 


然后 在 程序 的 工具 栏 或 者 菜单 栏 中 设置 一 个 选择 的 标识 符 , 通 过 类 向 导 创 建 消 息 映 射 
函数 ,在 该 函数 中 设置 m_flag 二 SELECT, 人 然后 利用 绘图 函数 RenderScene() 绘 制 可 供 选择 
的 图 形 对 象 ,参考 代码 如 下 : 


if(m flag== SELECT){ 





glPushMatrix( ); 
glInitNames(); // 创 建 名 字 堆 栈 
glPushName(0) // 名 字 堆 栈 中 压 和 人 0 
glColor3f(1. 0f,1.0f,0.0f); 
glPushMatrix( ); 
glTranslatef( - Win_Size/2.0,Win Size/2.0,0.0f); 
glLoadName( SPHERE) ; // 将 球体 的 名 字 压 入 堆栈 


glutSolidSphere(Win_Size/4.0,30,30); // 绘 制 球体 
glTranslatef( - Win Size/4.0, — Win Size/4.0,0.0f); 
glColor3f(0. 0f, 0. 0f, 0. 5f); 


glPushName( CUBE) ; // 和 球 有 层次 关系 的 立方 体 名 字 压 入 堆栈 
glutSolidCube(Win_Size/5.0); // 绘 制 立 方 体 
glPopName( ); // 堆 栈 中 弹出 立方 体 名 字 


glTranslatef (Win_Size/2.0,0.0,0.0f); 
glColor3f(0. 0f, 0. 0f,0.5f); 


glPushName( SPHERE) ; // 和 球 有 层次 关系 的 球体 名 字 压 入 堆栈 
glutSolidSphere(Win_Size/5.0,30,30); // 绘 制 球体 
glPopName( ); // 堆 栈 中 弹出 球 名 字 


glPopMatrix( ); 
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glColor3f(0. 5f,0.0f,0.0f); 


glPushMatrix( ); 
glTranslatef (Win Size/2.0,Win Size/2.0,0.0f); 
glLoadName( CUBE); // 将 立方 体 的 名 字 装 入 堆栈 
glutSolidCube(Win Size/4.0); // 绘 制 立方 体 
glPopMatrix( ); 
glColor3f(0. 5f,0.5f,1.0f); 
glPushMatrix( ); 
glTranslatef( — Win_Size/2.0, — Win_Size/2.0,0.0f); 
glLoadName( CONE) ; // 将 圆锥 体 的 名 字 压 入 堆栈 
glutSolidCone(Win Size/4.0,Win Size/4.0,20,20); // 绘 制 圆 锥 体 
glPopMatrix( ); 


glColor3f(0. 0f,0.0f,1.0f); 
glPushMatrix( ); 
glTranslatef (Win Size/2.0, — Win Size/2.0,0.0f); 


glLoadName( TEAPOT) ; // 将 茶壶 的 名 字 压 人 堆栈 
glutSolidTeapot (Win_Size/4.0); // 绘 制 茶壶 
glPopMatrix() 


glPopMatrix( ); 
上 


当 m_flag 二 SELECT 时 ,在 绘图 窗口 绘制 可 以 选择 的 图 形 ,这 时 , 单 击 图 形 , 在 单 
息 函 数 OnLButtonDown() 中 设置 调用 处 理 图 形 选 择 的 函数 DoSelection(): 


消 





Er 


void COpenGL001View: :OnLButtonDown(UINT nFlags, CPoint point) { 
// 原 有 代码 此 处 省 略 
if(m flag== SELECT){ // 选 取 
DoSelection(point. x, point. y); 
} 
CView: :OnLButtonDown(nFlags, point); 
h 


处 理 选择 图 形 的 DoSelectionQ 〇 函数 代码 如 下 : 


void COpenGL001View: :DoSelection(GLfloat xPos, GLfloat yPos){ 
GLint hits, viewport[4]; 
int cx,cy; 
GLuint SelBuff[64]; 
// 创 建 选择 缓冲 器 
glSelectBuffer(64, SelBuff); 
// 调 用 和 抢 阵 操作 函数 , 切换 到 投影 矩阵 模式 ,然后 将 其 压 栈 ,并 置 为 单位 矩阵 
glMatrixMode(GL_PROJECTION) ; 
glPushMatrix( ); 
glLoadIdentity( ); 
// 生 成 拾取 和 矩阵 
glGetIntegerv(GL_VIENPORT, viewport); // 获 得 窗口 数据 
gluPickMatrix(xPos, viewport[3] - YPos + viewport[1],2,2,viewport); // 生 成 拾取 和 矩阵 
// 设 置 与 泻 染 模式 下 相同 的 透视 投影 矩阵 
CX= WinWidth 关 27 
Cy = winHeight * 2; 
glViewport(0, 0, cx, cy); 
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if(cx<cy){ 
winWidth= Win Size; 
winHeight = Win_Size/aspect_ratio; 
} 
else{ 
winWidth = Win_ Sizex aspect_ratio; 
winHeight = Win Size 
} 
glOrtho( - winWidth, winWidth, - winHeight, winHeight, — Win Size* 5,Win Size* 5); 
winWidth= cx/2.0; 
winHeight = cy/2.0; 
// 切 换 泻 染 模式 到 SELECT 模式 
glRenderMode( GL SELECT); 
// 泻 染 并 搜集 单 击 
RenderScene( ); 
hits = glRenderMode( GL_RENDER); 
// 返 回 投影 模式 
glMatrixMode( GL_ PROJECTION); 
glPopMatrix( ); 
// 返 回 模型 绘图 模式 
glMatrixMode( GL_ MODELVIEN) ; 
// 处 理 选择 拾取 对 象 
if(hits==1){ 
switch(SelBuff[3]){ 
case SPHERE: 
int count = SelBuff[0]; 
if(count == 2){ 
if(SelBuff[4] == CUBE) 
AfxMessageBox(" 点 中 了 球 - 立方 体 !"); 
else if(SelBuff[4] == SPHERE) 
AfxMessageBox(" 点 中 了 球 一 球 !"); 
} 
else 
AfxMessageBox(" 点 中 了 球 !"); 
break; 
case CUBE: 
AfxMessageBox(" 点 中 了 立方 体 "); 
break; 
case CONE: 
AfxMessageBox(" 点 中 了 圆锥 体 "); 
break; 
case TEAPOT: 
AfxMessageBox(" 点 中 了 茶壶 "); 
break; 


运行 程序 , 单 击 设置 的 菜单 栏 或 工具 栏 中 的 选择 图 标 ,绘制 可 供 选择 的 图 形 , 然 后 在 图 
形 上 单 击 , 即 可 弹出 对 话 框 指出 选择 的 图 形 ,效果 如 图 10. 2-10 所 示 。 
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图 10.2-10 OpenGL 图 形 拾取 功 能 


OpenGL 除了 提供 图 形 选择 功能 外 ,还 提供 对 图 形 详细 数据 信息 的 反馈 功能 ,反馈 和 选 
择 的 相似 之 处 是 分 别 在 选择 和 反馈 泻 染 模式 下 重新 绘图 ,得 到 的 信息 都 存在 各 自 的 缓冲 器 
中 ,以 便于 应 用 程序 使 用 。 不 过 ,选择 缓冲 器 存储 的 只 是 拾取 图 形 对 象 的 部 分 信息 ,反馈 组 
冲 器 返回 的 是 根据 需求 指定 的 所 有 图 形 对 象 的 信息 ,例如 ,经 过 处 理 和 变换 后 图 元 的 类 
型 一 一 点 直线、 多 边 形 图像. 位 图 和 自 定义 的 标记 ,以 及 图 元 的 顶点 .颜色 或 者 其 他 数据 ， 
返回 的 数据 是 经 过 光照 处 理 和 几何 变换 操作 的 。 因 此 ,反馈 缓冲 器 要 求 的 数组 长 度 比较 大 ， 
否则 不 能 正确 返回 。 关 于 反馈 功能 本 书 不 再 详 述 ,读者 如 感 兴趣 ,可 参阅 相关 书籍 。 
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10.3.1 位 图 图 像 


除了 绘制 图 形 外 ,OpenGL 还 具有 一 定 的 图 像 处 理 功能 。 而 图 像 在 OpenGL 中 也 有 非 
常 重要 的 作用 ,其 最 常见 的 用 途 是 应 用 于 纹理 映射 。OpenGL 中 的 图 像 分 为 位 图 图 像 和 像 
素 图 像 两 种 类 型 。 所 谓 位 图 图 像 指 图 像 的 每 个 像素 数据 仅 以 一 个 二 进 制 位 的 形式 存在 , 即 
0 或 1, 它 们 分 别 表示 在 屏幕 上 该 像素 点 的 关闭 和 打开 状态 ,也 称 为 二 值 图 像 。 因 此 ,每 一 个 
像素 只 有 黑白 两 种 颜色 , 当 设 置 当前 绘图 颜色 后 ,位 图 中 被 点 亮 即 数据 1 的 像素 用 当前 绘图 
颜色 绘 出 。 
于 位 图 的 数据 和 显示 的 像素 点 之 间 是 一 一 对 应 的 映射 关系 ,因此 位 图 的 数据 结构 非 
常 简单 ,可 以 用 0 或 者 1 表示 每 个 像素 位 ,也 可 用 常用 的 十 六 进 制 一 次 表示 多 个 像素 位 , 例 
如 0x37, 就 可 以 表示 8 个 像素 位 的 图 像 状态 ,分别 是 00110111。 

当 给 出 一 个 位 图 的 数据 后 ,在 绘制 位 图 时 需要 进行 两 步 操作 : 设置 位 图 的 绘制 位 置 和 
绘制 位 图 图 像 。 指 定 绘 图 位 置 调用 的 命令 为 gIRasterPos() ,命令 原型 为 : 
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void glRasterPosnX(Args); 


这 是 一 个 命令 族 , 共 包含 24 条 命令 ,n 可 为 2.3 或 4,X 可 为 d.f\i、s 以 及 带 v 的 形式 ， 
Args 则 根据 n 和 X 的 不 同 有 不 同 的 参数 类 型 和 个 数 。 该 命令 指定 位 图 显示 时 的 左下 角 坐 
标 值 ,该 坐标 与 当前 的 坐标 投影 方式 有 关 。 

绘制 位 图 图 像 调用 的 命令 是 glBitmap() ,命令 原型 为 : 


void glBitmap(GLsizei width, GLsizei height, GLfloat xorig, GLfloat yorig, GLfloat xmove, GLfloat 
ymove, const GLubyte * bitmap); 


其 中 ,参数 width 和 height 分 别 为 位 图 图 像 的 宽度 和 高 度 , 它 们 必须 与 实际 位 图 图 像 
的 对 应 参数 完全 相等 ; 参数 xorig 和 yorig 为 位 图 本 身 的 原点 ; xmove 和 ymove 为 以 像素 
计 的 图 像 相 对 绘制 位 置 的 偏 移 量 ; bitmap 为 指向 该 位 图 图 像 数据 的 指针 。 

在 应 用 程序 OpenGL001 中 绘制 位 图 图 像 时 ,首先 设置 位 图 图 像 的 数据 。 例 如 ,下 面 是 
一 个 32X32 位 的 斑马 头 部 的 位 图 图 像 数据 数组 ,代码 如 下 : 


GLubyte Zebra[ ] = {0x00, 0x00, 0x00, 0x00, 
0x37, 0x20, 0x00, 0x00, 
0x13, 0x60, 0x00, 0x00, 
Ox10, 0x60, 0x00, 0x00, 
0x14, 0x60, 0x00, 0x00, 
0x06, 0x18, 0x00, 0x00, 
0x07, 0x10, 0x00, 0x00, 
0x07, 0x40, 0x00, 0x00, 
0x03, 0x60, 0x00, 0x00, 
0x03, 0x70, 0x00, 0x00, 
0x01, 0x70, 0x00, 0x3e, 
0x02, 0x78, 0x00, 0x78, 
0x01, 0x18, 0x01, 0x60, 
0x01, 0x48, 0x0a, 0x08, 
0x00, 0x62, 0x14, 0x00, 
0x00, 0xf6, 0x43, 0xe0, 
0x00, 0x3d, 0xcb, 0x60, 
0x00, 0x19,0x9d, 0x40, 
0x00, 0x08, 0x22, 0xc0, 
0x00, 0x00, 0x09, 0x80, 
0x00, 0x02, 0x40, 0x80, 
0x00, 0x01, 0xlb, 0x80, 
0x00, 0x00, 0x00, 0x00, 
0x00, 0x00, 0x28, 0x00, 
0x00, 0x00, 0x29, 0x00, 
0x00, 0x00, 0x49, 0x80, 
0x00, 0x01, 0x99, 0x80, 
0x00, 0x00, 0x00,0x00 

}; 


上 述 的 位 图 图 像 数 据 中 ,数据 存储 是 从 下 向 上 进行 的 ,也 就 是 说 ,数组 中 第 一 行 的 4 个 
十 六 进 制 数 对 应 的 是 位 图 图 像 中 最 下 方 的 一 行 ,数组 中 最 后 一 行 则 表示 图 像 上 方 第 一 行 的 
图 形 信息 。 后 面 将 要 介绍 的 文件 扩展 名 为 bmp 的 像素 图 像 也 是 这 种 存储 方式 。 
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设置 位 图 图 像 数据 后 , 接 下 来 的 步骤 和 实现 其 他 图 形 功能 类 似 , 在 OpenGL001View.h 
中 增加 位 图 的 宏 定义 : 
# define BITMAP 22 
并 在 工具 栏 或 者 菜单 栏 中 设置 一 个 绘制 位 图 的 标识 符 ,通过 类 向 导 建 立 消息 映射 函数 ,在 该 
函数 中 设置 m_flag 一 BITMAP 和 格式 化 ,然后 ,在 绘图 函数 中 增加 位 图 的 绘图 代码 ,参考 
如 下 : 
if(m flag== BITMAP) { 
glRasterPos3f( - Win Size/3.0, - Win Size/3.0,0.0f); 
glBitmap(32, 32, 0. 0f, 0. 0f, 0. 0f, 0. 0f, Zebra) ; 
} 
这 样 , 单 击 应 用 程序 的 绘制 位 图 的 标识 ,视图 窗口 中 就 可 显示 一 个 位 图 斑马 头 部 的 
图 像 。 


10.3.2 像素 图 像 


OpenGL 中 的 像素 图 像 是 指 具 有 一 定 结构 的 、 对 图 像 中 的 每 个 像素 有 详细 描述 的 二 维 
图 形 ,常见 的 bmp、jpg、tga、png、tiff 等 格式 的 图 像 均 属于 像素 图 像 。 其 中 的 bmp 图 像 虽 然 
又 称 为 位 图 图 像 , 但 在 OpenGL 中 属于 像素 图 像 。 

像素 图 像 与 位 图 图 像 相似 ,但 是 屏幕 矩形 区 域 中 的 每 个 像素 并 不 是 由 1 个 位 表示 的 。 
在 像素 图 像 中 ,每 个 像素 一 般 都 包含 好 几 段 数据 ,包含 更 多 的 信息 。 例 如 ,图 像 的 每 个 像素 
可 以 存储 完整 的 颜色 (R、G、B、A)。 它 们 的 存储 结构 根据 其 图 像 类 型 和 所 拥有 的 颜色 数 的 
不 同 有 极 大 的 变化 。 

在 显示 图 像 时 ,需要 注意 的 是 ,OpenGL 本 身 不 提供 从 文件 读 取 像素 和 图 像 以 及 把 像素 
和 图 像 保存 到 文件 的 功能 ,只 对 满足 绘制 图 像 命令 参数 要 求 的 数据 集 进行 显示 操作 。 
OpenGL 显示 (绘制 ) 像 素 图 像 的 命令 是 glIDrawPixes1() ,该 命令 的 原型 是 : 


void glDrawPixels(GLsizei width, GLsizei height, GLenum format, GLenum type, const GLvoid * pixels); 


其 中 ,参数 width 和 height 分 别 为 图 像 的 宽度 和 高 度 ; 指针 参数 pixels 为 指向 图 像 像 素数 
据 的 指针 ; 参数 type 为 图 像 像素 的 数据 类 型 ,其 取 值 为 表 10. 3-1 所 示 的 枚 举 常 量 之 一 。 


表 10.3-1 像素 数据 类 型 





























枚 举 常量 意 义 
GL_UNSIGNED_ BYTE 无 符号 的 8 位 整数 
GL_BYTE 有 符号 的 8 位 整数 
GL_BITMAP 每 一 位 用 一 个 无 符号 的 8 位 整数 表示 
GL_UNSIGNED SHORT 无 符号 的 16 位 整数 
GL_SHORT 有 符号 的 16 位 整数 
GL_UNSIGNED _INT 无 符号 的 32 位 整数 
GL_INT 有 符号 的 32 位 整数 
GL_FLOAT 单 精度 浮 点 数 
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参数 format 为 所 给 图 像 的 格式 , 取 值 为 表 10. 3-2 所 示 的 枚 举 常 量 之 一 。 
表 10.3-2 图 像 格式 












































枚 举 常 量 意 义 
GL_COLOR _INDEX 使 用 颜色 索引 
GL_STENCIL_INDEX 每 个 像素 包含 一 个 单一 的 模板 值 
GL_DEPTH_COMPONENT 每 个 像素 包含 一 个 单一 的 深度 值 
GL_RGBA 颜色 以 红 \ 绿 、 蓝 、Alpha 顺序 表示 
GL_RED 每 个 像素 包含 一 种 单一 的 红色 成 分 
GL_GREEN 每 个 像素 包含 一 种 单一 的 绿色 成 分 
GL_BLUE 每 个 像素 包含 一 种 单一 的 蓝 色 成 分 
GL_ALPHA 每 个 像素 包含 一 种 单一 的 Alpha 成 分 
GL_RGB 颜色 以 红 , 绿 、 蓝 顺序 表示 
GL_LUMINANCE 每 个 像素 包含 一 种 单一 的 亮度 成 分 
GL_LUMINANCE_ALPHA 每 个 像素 包含 亮度 和 Alpha 成 分 
GL_BGR_EXT 颜色 以 蓝 、 绿 、 红 顺序 表示 
BL_BGBA_EXT 颜色 以 蓝 、 绿 、 红 、Alpha 顺序 表示 


在 调用 glDrawPixels() 命 令 时 ,首先 必须 对 要 显示 的 图 像 格式 有 详细 的 了 解 ,例如 图 像 
的 尺寸 .图 像 的 颜色 模式 、 图 像 数据 的 类 型 以 及 像素 数据 的 存放 地 址 等 ; 否则 ,将 可 能 导致 
该 命令 执行 后 无 图 像 显示 ,或 者 显示 一 片 极 为 混乱 的 画面 。 

从 图 像 文件 中 读 取 图 像 或 者 保存 图 像 到 图 像 文件 ,OpenGL 需要 借助 辅助 库 或 者 第 三 方 
库 才 能 实现 。OpenGL 辅助 库 glaux 中 存在 一 个 加 载 bmp 图 像 的 命令 auxDIBImageLoad() ,该 
命令 的 原型 为 : 

AUX_RGBImageRec * APIENTRY auxDIBImageLoadA(LPCSTR fileSpec); 

其 中 ,参数 fileSpec 为 带 全 路 径 的 图 片 文件 ,其 扩展 名 必须 是 bmp, 该 命令 用 于 载 入 一 
个 bmp 文件 所 描述 的 图 像 , 载 入 成 功 返回 一 个 指向 AUX_RGBImageRec 结构 的 指针 ,否则 
返回 空 指 针 。AUX_RGBImageRec 结构 的 定义 为 : 

typedef struct AUX RGBImageRec{ 

GLint sizeX, sizeY; 

Unsigned char * data; 

} AUX_RGBImageRec; 

在 加 载 图 像 文 件 前 ,可 以 调用 glPixelStore() 命 令 指定 像素 的 存储 模式 ,该 命令 的 原 
型 为 

void glPixelStoref/i(Type pname, Type param); 


参数 pname 指定 了 像素 数据 在 内 存 中 的 存储 形式 ,其 可 用 值 为 表 10. 3-3 中 所 示 的 枚 举 
常量 之 一 。 
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表 10.3-3 ”像素 数据 的 内 存 存储 方式 


枚 举 常 量 


浴 甘 





GL_PACK_SWAP_BYTES 


不 压缩 ,为 真 时 ,所 有 多 字 节 在 存储 到 内 存 时 进行 字 节 交换 





GL_PACK_LSB_FIRST 


不 压缩 ,为 真 时 ,位 图 最 左 端的 像素 存在 第 0 位 而 不 是 第 7 位 





GL_PACK_ROW_LENGTH 


不 压缩 ,设置 图 像 的 宽度 , 若 为 0, 使 用 width 参数 





GL_PACK_SKIP_PIXELS 


不 压缩 ,设置 图 像 中 水 平 跳 过 的 像素 数 





GL_PACK_SKIP_ROWS 


不 压缩 ,设置 图 像 中 垂直 跳 过 的 像素 数 





GL_PACK_ALIGNMENT 


不 压缩 ,设置 图 像 中 每 条 扫描 线 的 对 齐 方式 





GL_UNPACK_SWAP_BYTES 


不 压缩 ,为 真 时 ,所 有 多 字 节 从 内 存 中 读 取 时 进行 字 节 交换 





GL_UNPACK_LSB_FIRST 


不 压缩 ,为 真 时 ,位 图 最 左 端的 像素 在 第 0 位 而 不 是 第 7 位 





GL_UNPACK_ROW_LENGTH 


不 压缩 ,设置 图 像 的 宽度 , 若 为 0, 使 用 width 参数 





GL_UNPACK_SKIP_PIXELS 


不 压缩 ,设置 图 像 中 水 平 跳 过 的 像素 数 





GL_UNPACK_SKIP_ROWS 


不 压缩 ,设置 图 像 中 垂直 跳 过 的 像素 数 





GL_UNPACK_ALIGNMENT 





不 压缩 ,设置 图 像 中 每 条 扫描 线 的 对 齐 方式 


其 中 的 GL_UNPACK_ALIGNMENT 指 图 像 像 素 存储 时 一 条 扫描 线 的 对 齐 方 式 , 该 
参数 的 取 值 只 能 为 1.2、4 或 8, 默认 值 是 4, 这 正好 与 位 图 图 像 及 像素 图 像 bmp 的 图 像 一 
致 。 该 值 取 1 时 ,实际 上 将 图 像 进行 了 压缩 ,即将 一 条 扫描 线 中 多 余 的 空白 字 节 删除 掉 。 

在 应 用 程序 OpenGL001 中 显示 像素 图 像 时 ,首先 在 OpenGL001View. h 中 增加 像素 图 


像 的 宏 定 义 : 


# define IMAGE FILE23 


在 视图 类 COpenGL001View 中 ,增加 图 像 数 据 的 相关 变量 : 


GLint m iWidth,m iHeight; 
GLubyte *m pImage; 


// 图 像 宽度 和 高 度 
// 图 像 字 节 数据 


其 中 ,m_pImage 在 视图 的 构造 函数 中 ,设置 m_plImage 一 NULL。 

在 工具 栏 或 者 菜单 栏 建立 打开 图 像 文件 的 ID 标识 ,或 者 利用 应 用 程序 默认 的 打开 文件 
标识 ID_FILE_OPEN ,然后 在 视图 里 建立 其 消息 映射 函数 ,并 在 该 函数 中 加 载 图 像 文件 ,加 
载 图 像 文件 可 以 借助 于 MFC 的 文件 打开 对 话 框 来 选择 文件 ,并 设置 绘图 标识 。 代 码 如 下 : 


void COpenGL001View: :OnFileOpen() { 


// 利 用 文件 对 话 框 打开 图 像 文件 


CFileDialog hFileDlg(true, NULL , NULL, OFN_FILEMUSTEXIST| OFN_READONLY | OFN_PATHMUSTEXIST, 
TEXT("bmp 文件 ( * .bmp)| * .bmp|")，NULD); 
if(hFileDlg. DoModal() == IDOK) { 
AUX_RGBImageRec * m image; 


glPixelStorei(GL UNPACK ALIGNMENT, 1); 


// 设 置 像素 存储 格式 


m_image = auxDIBImageLoad(hFileD1g. GetPathName( )); // 加 载 图 像 


m iWidth=m image 一 > sizeX; 


// 保 存 图 像 数 据 


m iHeight =m image—> sizeY; 
m plmage = m image 一 > data; 


m flag = IMAGE FILE; 


InitOperation( ); 


// 设 置 为 绘制 像素 图 像 的 标识 
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在 绘图 函数 RenderScene() 中 增加 显示 像素 图 像 的 代码 ,如 下 : 


if(m flag== IMAGE FILE){ 
if(m pImage) 
glDrawPixels(m iWidth,m iHeight,GL RGB,GL UNSIGNED BYTE,m pImage); 
} 
执行 程序 ,打开 一 个 扩展 名 为 bmp 的 图 像 文件 ,图 像 显 示 在 绘图 窗口 。 从 显示 的 效果 
看 ,图 像 以 窗口 的 左下 角 为 起 点 , 按 像素 绘制 , 当 窗 口 比 图 像 大 时 ,图 像 在 窗口 能 完全 显示 ; 
当 窗 口 比 图 像 小 时 ,图 像 右 边 和 上 边 超出 绘图 窗口 的 部 分 将 不 能 显示 。 


10.3.3 ”图像 操 作 


OpenGL 也 支持 对 显示 的 图 像 进行 一 些 操作 ,例如 ,缩放 、 镜 像 、 颜 色 分 离 、 灰 度 图 以 及 
负 像 等 ,这 些 操作 与 计算 机 图 像 处 理 中 的 操作 类 似 。 

1. 图 像 缩放 及 反射 

OpenGL 通过 调用 glPixelZoom() 命 令 实现 图 像 的 缩放 ,该 命令 原型 为 : 


void glPixelZoom(GLfloat xfactor, GLfloat yfactor); 


其 中 ,参数 xfactor 和 yfactor 分 别 为 水 平方 向 和 垂直 方向 的 缩放 系数 。 其 值 大 于 1 时 ， 
图 像 放 大 ; 小 于 1 但 是 大 于 0 时 ,图 像 缩小 。 

设置 图 像 缩放 系数 后 ,调用 glDrawPixels() 命 令 显示 图 像 。 

当 缩 放 系 数 小 于 0 时 , 则 图 像 不 仅 发 生 了 缩放 ,而且 还 产生 了 反射 , 若 图 像 在 两 个 方向 
均 发 生 反 射 变换 ,命令 为 glPixelZoom( 一 1, 一 1), 则 其 原始 的 起 点 就 由 左下 角 变 成 了 右上 


角 。 为 了 保证 图 像 能 被 正确 绘 出 ,在 绘制 前 必须 将 当前 光栅 位 置 也 重新 定位 到 绘图 窗口 右 
上 角 ,调用 命令 为 : 

glRasterPos2i(m Right,m Top); 

2. 颜色 分 离 


利用 颜色 通道 分 离 得 到 单一 颜色 通道 的 图 像 ,这 在 计算 机 图 像 处 理 技 术 中 有 着 极为 重要 
的 意义 ,例如 可 以 分 析 某 一 颜色 的 分 布 及 密度 。 对 于 RGB 彩色 图 像 ,颜色 通道 有 红色 (R) 通 
道 . 绿 色 (G) 通 道 . 蓝 色 (B) 通 道 。 颜 色 通道 分 离 需 要 调用 glPixelTransfer() 命 令 ,其 原型 为 : 
void glPixelTransferf/i(Type pname, Type TYpe param); 
其 中 ,参数 pname 为 要 设置 的 像素 转换 参数 名 , 取 值 为 表 10. 3-4 中 的 值 ; param 为 参 
数 pname 的 具体 值 。 该 命令 用 于 将 图 像 按 参 数 所 规定 的 像素 属性 进行 迁移 。 
表 10.3-4 像素 转换 参数 











参 数 类 型 默 认 值 取 值 范围 
GL_MAP_COLOR GLboolean GL_FALSE GL_TRUE/GL_FALSE 
GL_MAP_STENCIL GLboolean GL_FALSE GL_TRUE/GL_FALSE 
GL_INDEX_SHIFT GLint 0 (一 coyco) 
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续 表 
参 数 类 型 默认 值 取 值 范围 

GL_INDEX_OFFSET GLint 0 (一 -coco) 
GL_RED SCALE GLfloat 1.0 (一 co,co) 
GL_GREEN_SCALE GLfloat 1.0 (一 co,co) 
GL_BLUE SCALE GLfloat 二 (一 co,co) 
GL_ALPHA_SCALE GLiloat 1.0 (一 co,co) 
GL_DEPTH_SCALE GLfloat 1.0 (一 co,eo) 
GL_RED_BIAS GLfloat 0.0 (—o0,00) 
GL_GREEN_BIAS GLfloat 0.0 (—00,0%0) 
GL_BLUE_BIAS GLfloat 0.0 (—00,00) 
GL_ALPHA_BIAS GLfloat 0.0 (一 co,co) 
GL_DEPTH BIAS GLfloat 0.0 (一 co,eo) 











例如 , 当 进 行 红色 通道 分 离 时 ,通过 三 次 glPixelTransfer() 命 令 调用 ,将 参数 GL_RED_ 
SCALE 设置 为 1, 将 GL_GREEN_SCALE 和 GL_BLUE_SCALE 设置 为 0, 其 意义 是 将 图 
像 中 红色 成 分 缩放 系数 设 为 1, 其 他 两 种 颜色 成 分 缩放 系数 转 为 0。 最 终 效果 是 完全 保留 了 
图 像 中 红色 分 量 的 值 ,而 完全 抛弃 了 绿色 和 蓝 色 分 量 的 值 。 经 过 这 样 变 换 的 图 像 , 仅 保留 了 
原先 的 红色 成 分 ,再 无 其 他 颜色 成 分 ,从 而 达到 将 红色 颜色 通道 分 离 出 来 的 效果 。 

3. 灰 度 图 

灰 度 图 是 一 种 无 颜色 的 、. 仅 用 灰 度 级 别 来 表示 图 像 层 次 的 图 像 ,在 计算 机 数字 图 像 处 理 
中 有 极为 重要 的 作用 。 进 行 灰 度 变 换 时 ,图 像 将 失去 颜色 信息 , 仅 保留 亮度 信息 。 对 于 
bmp 图 像 而 言 ,亮度 信息 隐 式 地 存储 在 颜色 信息 中 。 

在 进行 灰 度 转换 前 ,首先 需要 调用 glDrawPixels() 命 令 将 原 图 像 绘制 到 颜色 缓冲 器 中 ， 
以 便于 程序 对 其 像素 信息 进行 读 取 ; 接着 ,程序 再 分 配 一 块 与 原 图 像 大 小 完全 相同 的 内 存 ， 
以 便 存储 转换 后 的 像素 信息 ; 然后 ,调用 glPixelTransfer() 命 令 对 原 图 像 进行 像素 迁移 。 
根据 美国 国家 电视 标准 委员 会 的 标准 ,RGB 向 亮度 空间 的 转换 公式 为 

Luminance = 0.3R 十 0.59C 十 0.11B 

因此 ,需要 调用 3 次 glPixelTransferO) 命 令 , 分 别 对 红色 ,绿色 和 蓝 色 进行 不 同 的 缩放 : 

glPixelTransferf(GL RED SCALE,0.3f); 

glPixelTransferf(GL_GREEN_SCALE, 0. 59f); 

glPixelTransferf(GL BLUE SCALE,0.11f); 

经 过 以 上 的 准备 工作 ,调用 glReadPixels() 将 颜色 缓冲 器 中 的 像素 信息 读 入 系统 分 配 
的 内 存 中 。 该 命令 原型 为 

void glReadPixels (GLint x, GLint y, GLsizei width, GLsizei height, GLenum format, GLenum type, 

GLvoid * pixels); 

其 中 ,参数 x 和 y 为 图 像 的 左下 角 坐 标 ; 参数 width 和 height 为 图 像 的 宽度 和 高 度 ; 
参数 format 为 图 像 的 格式 ,为 表 10. 3-2 所 示 的 枚 举 常 量 ,因为 此 处 分 析 的 是 亮度 ,所 以 
format 取 值 为 GL_LUMINANCE; 参数 type 为 像素 的 数据 类 型 ,为 表 10. 3-2 中 的 枚 举 常 
量 ; 参数 pixels 为 分 配 的 与 原 图 像 大 小 完全 相同 的 内 存 , 存 储 读 取 的 像素 信息 。 
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然后 ,再 调用 glDrawPixels() 命 令 ( 其 中 的 参数 format 取 值 为 GL_LUMINANCE) 绘 
制 已 经 进行 灰 度 处 理 分 配 在 内 存 中 的 图 像 , 即 为 灰 度 图 。 

最 后 ,还 需 释 放 分 配 的 内 存 , 以 防止 内 存 泄漏 。 

4. 负 像 

负 像 如 同 摄影 中 的 胶片 ,其 颜色 与 最 终 的 正片 互 为 补 色 。 从 色彩 学 原理 可 知 , 补 色 的 颜 
色 值 与 原色 的 颜色 值 之 和 为 常量 。 对 于 RGB 三 原色 模型 , 设 其 各 颜色 值 的 取 值 范围 为 0 一 
1, 则 红 \ 绿 、 蓝 三 个 颜色 的 补 色 Ck 、Ce、Cs 为 














Cr 一 1 一 R 
Co=1—G 
Cs=1—B 
在 代码 中 计算 补 色 时 ,首先 对 一 个 长 度 为 256(R、G、B 颜色 分 量 的 灰 度 级 别 均 为 256) 
的 数组 的 每 个 元 素 按 照 上 述 补 色 理论 进行 赋值 : 


GLfloat invert[256]; 
Invert[0] = 0; 
For(int i=1;i<256;i++) 
invert[i] =1.0- (GLfloat)i/255.0; 


然后 ,通过 调用 glPixelMap() 命 名 对 数组 设置 像素 转换 映射 。 该 命令 原型 为 ， 
void glPixelMapf/i/sv(GLenum map, GLsizei mapsize, const Type * values); 


其 中 ,参数 map 为 像素 转换 映射 名 ,其 取 值 为 表 10. 3-5 中 所 示 的 枚 举 常量 ; 参数 
mapsize 为 被 定义 为 映射 的 大 小 , 即 数 组 大 小 ; 参数 values 为 指向 要 定义 映射 的 数组 指针 。 
表 10.3-5 像素 转换 映射 名 

枚 举 常 量 意 、 类 





GL_PIXEL MAP 1_TOI 


将 颜色 索引 映射 成 颜色 索引 





GL_PIXEL MAP_S_TO_S 


将 模板 索引 映射 成 模板 索引 





GL_PIXEL_ MAP_I TO_R 


将 颜色 索引 映射 成 红色 成 分 





GL_PIXEL_MAP_LTO_G 


将 颜色 索引 映射 成 绿色 成 分 





GL_PIXEL_MAP_LTO_B 


将 颜色 索引 映射 成 蓝 色 成 分 





GL_PIXEL_MAP_LTO_A 将 颜色 索引 映射 成 Alpha 成 分 











GL_PIXEL_MAP_R_TO_R 将 红色 成 分 映射 成 红色 成 分 
GL_PIXEL_MAP_G_TO_G 将 绿色 成 分 映射 成 绿色 成 分 
GL_PIXEL_ MAP B TO_B 将 蓝 色 成 分 映射 成 蓝 色 成 分 








GL_PIXEL_MAP_A_TO_A 将 Alpha 成 分 映射 成 Alpha 成 分 


将 RG、B 颜色 按 补 色 绘 制 时 ,首先 调用 三 次 glPixelMap() 命 令 : 


glPixelMapfv (GL PIXEL, MRP_R_TO_R, 255, invert); 
glPixelMapfv(GL PIXEL MAP G TO G6,255, invert); 


glPixelMapfv (GL PIXEL, MAP B_T0 B,255, invert); 


然后 ,再 调用 glPixelTransferi(GL_MAP_COLOR,GL_TRUE) 命 令 启 用 像素 映射 。 
这 样 ,在 执行 命令 glDrawPixel() 时 ,各 颜色 按 其 补 色 绘制 。 例 如 , 原 图 像 某 一 像素 


第 10 章 ”基于 OpenGL 的 图 形 开发 技术 





RGB 值 为 (0.4,0.3,0.7) ,调用 上 述 三 次 像素 转换 映射 命令 ,绘制 为 (0.6,0.7,0.3)。 

5. 图 像 操作 实例 

程序 OpenGL001 中 实现 图 像 操作 时 ,首先 在 视图 类 头 文件 增加 相关 图 像 操 作 的 宏 
定义 ， 


# define IMAGEZOOM 24 
# define IMAGEREVERSE 25 
# define IMAGERED 26 
# define IMAGEGREEN 27 
# define IMAGEBLUE 28 
# define IMAGEGRAYMAP 29 
# define IMAGEINVERSE 30 


在 视图 类 中 建立 一 个 图 像 操 作 的 变量 ,例如 int flag_image, 并 在 打开 图 像 文 件 的 函数 
中 增加 其 初始 值 设置 ,如 flag_image 一 0。 

然后 ,在 工具 栏 或 者 菜单 栏 建立 相关 图 像 操作 的 ID 标识 符 , 并 通过 类 向 导 建 立 对 应 的 
消息 映射 函数 ,在 该 消息 映射 函数 中 ,将 对 应 的 图 像 操 作 宏 赋 给 图 像 操 作 变 量 。 例 如 ,图 像 
缩放 操作 消息 映射 函数 的 代码 为 : 


void COpenGL001View: :OnImageZoom() { 
if(m_flag == IMAGE FILE){ 
flag_image = IMAGEZOOM; 
Invalidate( ); 


] 


为 每 个 图 像 操 作 消 息 映射 函数 设置 对 应 的 宏 后 ,在 绘图 函数 RenderScene() 中 统一 绘 
制图 像 , 将 前 文中 对 应 的 像素 图 像 绘 制 代码 修改 如 下 : 


if(m_flag== IMAGE_ FILE){ 
if(m pImage){ 

GLbyte * pModefied = NULL; 

GLint i; 

switch(flag_image){ 

case IMAGEZOOM: 
glPixelZoom(0. 5f,0.5f); 
break; 

Case IMAGEREVERSE: 
glPixelZoom( — 1. 0f, — 1.0f); 
if(aspect ratio<1) 

glRasterPos2i(Win Size,Win Size/aspect ratio); 
else 
glRasterPos2i(Win Size*aspect ratio,Win Size); 

break; 

Case IMAGERED: 
glPixelTransferf (GL_RED SCALE, 1. 0f); 
glPixelTransferf (GL_GREEN_SCALE, 0. 0f); 
glPixelTransferf(GL BLUE SCALE, 0.0f); 
break; 
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case IMAGEGREEN: 


glPixelTransferf(GL RED SCALE,0.0f); 
glPixelTransferf (GL GREEN SCALE,1.0f); 
glPixelTransferf (GL BLUE SCALE, 0.0f); 
break; 


case IMAGEBLUE: 


glPixelTransferf (GL RED SCALE, 0.0f); 
glPixelTransferf (GL _ GREEN_SCALE, 0.0f); 
glPixelTransferf(GL BLUE SCALE,1.0f); 
break; 


Case IMAGEGRAYMAP: 
glDrawPixels(m_iWidth, m_iHeight, GL_ RGB, GL_UNSIGNED BYTE, m_pImage); 


pModefied = (GLbyte * )new GLbyte[m iWidth* m iHeight]; 
glPixelTransferf(GL_ RED SCALE, 0. 3f); 
glPixelTransferf (GL GREEN_SCALE, 0.59f); 
glPixelTransferf(GL BLUE SCALE,0.11f); 


glReadPixels(0, 0,m_ iWidth, m_iHeight, GL LUMINANCE, GL UNSIGNED_BYTE, pModefied); 


glPixelTransferf(GL_RED SCALE,1. 0f); 
glPixelTransferf(GL_ GREEN_SCALE,1. 0f); 
glPixelTransferf(GL_ BLUE SCALE,1.0f); 
break; 


Case IMAGEINVERSE: 


GLfloat invert[256]; 
invert[0] = 0; 
for(i=1;i<256;i++) 

invert[i] =1.0- i/255.0; 
glPixelMapfv(GL PIXEL MAP R TO R,255, invert); 
glPixelMapfv(GL_PIXEL MAP G TO G,255, invert); 
glPixelMapfv(GL_PIXEL MAP B TO B,255, invert); 
glPixelTransferi(GL MAP COLOR, GL TRUE); 
break; 


default: 


break; 


if(pModefied == NULL) 
glDrawPixels(m_iWidth,m_ iHeight, GL_RGB, GL_UNSIGNED BYTE,m pImage); 
else{ 
glDrawPixels(m iWidth,m iHeight,GL LUMINANCE, GL_ UNSIGNED BYTE, pModefied); 


delete pModefied; 


// 为 不 影响 以 后 的 绘图 操作 ,再 调用 图 像 操作 命令 恢复 现场 
glPixelTransferi(GL MAP_COLOR, GL_FALSE); 
glPixelTransferi(GL RED SCALE,1.0F); 
glPixelTransferi(GL GREEN_SCALE,1.0F); 
glPixelTransferi(GL BLUE SCALE,1.0F); 

glPixelZoom(1. 0f,1. 0f); 

if(aspect ratio<1) 


glRasterPos2i( - Win Size, - Win Size/aspect ratio); 


else 


glRasterPos2i( - Win Size* aspect ratio, —- Win Size); 
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运行 上 述 程 序 ,打开 图 像 文件 即 可 实现 对 图 像 的 缩放 、 反 射 、 颜 色 分 离 绘制 灰 度 图 以 及 
负 像 等 效果 。 


10.4 ”OpenGL 纹理 映射 技术 


10.4.1 纹理 映射 的 一 般 步 又 


纹理 映射 又 称 纹理 贴图 ,是 将 一 幅 图 像 粘 贴 在 二 维 或 三 维 图 形 对 象 上 ,使 得 对 象 表面 不 
再 是 简单 的 纯色 或 者 过 渡 色 ,而 表现 为 具有 一 定 材质 、 纹 理 或 图 案 的 表面 细节 结构 。 从 本 质 
上 讲 ,纹理 是 一 个 数组 ,其 中 的 数据 为 颜色 、 灰 度 或 颜色 加 Alpha 值 , 纹 理 数组 的 值 通常 被 
称 为 纹 素 。OpenGL 使 用 纹理 映射 时 ,一 般 需 要 执行 以 下 步骤 。 

第 一 步 , 创 建 纹理 对 象 并 为 其 指定 纹理 。 

大 部 分 情况 下 ,纹理 是 二 维 的 ,如 同 图 像 一 样 ,也 可 以 是 一 维 或 者 三 维 的 。 在 描述 纹理 
的 数据 中 ,每 个 纹 素 可 以 使 用 1 一 4 个 数据 来 表示 (R、G、B、A) 四 元 组 ,调整 常量 和 深度 
常量 。 

第 二 步 , 确 定 纹理 如 何 应 用 到 每 个 片 元 的 像素 上 。 

可 以 使 用 四 种 方法 根据 片 元 和 纹理 图 像 数 据 来 计算 最 终 的 RGBA 值 。 第 一 种 方法 就 
是 简单 地 使 用 纹理 颜色 作为 最 终 片 元 的 颜色 ; 第 二 种 方法 是 用 纹理 替换 片 元 上 的 图 案 和 颜 
色 ,这 种 方式 又 称 为 替换 (replace) 模 式 , 如 同 贴画 一 样 , 将 纹理 绘制 到 片 元 上 ; 第 三 种 方法 
是 使 用 纹理 来 调整 片 元 的 颜色 ,这 种 方法 对 于 组 合 光照 和 纹理 效果 非常 有 用 ; 第 四 种 方法 
是 根据 纹理 值 , 用 一 种 常量 颜色 与 片 元 的 颜色 进行 混合 。 

第 三 步 , 启 用 纹理 映射 。 

在 进行 纹理 映射 前 ,必须 将 GL_TEXTURE_1D、GL_TEXTURE_2D、GL_TEXT URE 
_3D 或 GL_TEXTURE_CUBE_MAP 作为 参数 ,调用 glEnable() 命 令 启用 相应 维 数 的 纹理 
映射 功能 ,这 些 参 数 分 别 表示 一 维 、 二 维 , 三 维 或 者 立方 图 纹理 。 如 果 同 时 启用 了 二 维和 三 
维 纹理 , 则 以 后 者 为 准 ; 如 果 启 用 了 GL_TEXTURE_CUBE_MAP, 则 其 他 被 启用 的 纹理 均 
不 再 有 效 。 为 了 使 程序 更 清晰 ,应 该 只 启用 一 种 类 型 的 纹理 。 

当 不 再 使 用 纹理 映射 功能 时 ,应 当 调 用 glDisable() 禁 用 相应 的 纹理 映射 。 

第 四 步 ,绘制 场景 .提供 纹理 和 几何 坐标 。 

确定 纹理 在 粘贴 之 前 如 何 根据 应 用 的 片 元 进行 排列 ,也 就 是 说 ,在 场景 中 指定 物体 后 ， 
需要 同时 提供 纹理 坐标 和 几何 物体 坐标 ,指定 纹理 坐标 和 几何 物体 对 象 之 间 的 对 应 关系 。 
对 于 二 维 纹理 图 ,纹理 坐标 的 范围 都 是 0. 0 一 1. 0, 但 是 纹理 贴图 的 物体 坐标 没有 限制 , 因 
此 ,需要 制定 纹理 坐标 和 物体 坐标 之 间 的 对 应 关系 。 

在 进行 纹理 映射 前 , 读 入 纹理 图 像 数 据 后 ,OpenGL 必须 对 纹理 图 形 进行 加 载 ,其 中 ,加 
载 一 维 ,二 维和 三 维 图 像 的 命令 不 同 。 对 应 的 函数 原型 分 别 如 下 : 

void glTexImagelD(GLenum target, GLint level,GLint internalformat, GLsizei width, GLint border, 


GLenum format, GLenum type, const GLvoid * pixels); 
void glTexImage2D ( GLenum target, GLint level, GLint internalformat, GLsizei width, GLsizei 
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height, GLint border, GLenum format, GLenum type, const GLvoid * pixels); 

void glTexImage3D ( GLenum target, GLint level, GLint internalformat, GLsizei width, GLsizei 

height, GLsizei depth, GLint border, GLenum format, GLenum type, const GLvoid * pixels); 

其 中 ,target 为 纹理 对 象 ,其 取 值 分 别 为 GL_TEXTURE_1D、GL_TEXTURE_2D 和 
GL_TEXTURE_3D; 参数 level 为 纹理 的 LOD(level of detail, 层 细节 ) 值 , 仅 用 于 mipmap 
贴图 ,一 般 情 况 下 ,该 参数 取 值 为 0; 参数 internalformat 用 于 指定 纹理 图 像 的 颜色 成 分 , 取 
值 取决 于 图 像 本 身 ,常用 的 纹理 内 部 格式 有 : 

GL_ALPHA 一 一 按照 Alpha 值 存储 纹理 单元 ; 

GL_LUMINANCE 一 一 按照 亮度 值 存储 纹理 单元 ; 

GL_LUMINANCE_ALPHA 一 一 按照 亮度 值 和 Alpha 值 存储 纹理 单元 ; 

GL_RGB 一 一 按照 红 \ 绿 、 蓝 成 分 存储 纹理 单元 ; 

GL_RGBA 一 一 按照 红 , 绿 、 蓝 和 Alpha 成 分 存储 纹理 单元 。 

参数 width、height 和 depth 分 别 为 纹理 图 像 的 宽度 、 高 度 和 深度 ,应 当 特 别 指出 的 是 ， 
这 几 个 值 可 以 不 同 ,但 是 必须 是 2 的 整数 次 寡 , 否 则 将 导致 映射 失败 ; 参数 border 为 贴图 时 
边框 的 宽度 ,其 取 值 仅 能 为 0 或 1; 参数 format 为 纹理 图 像 的 格式 ,其 取 值 为 表 10. 3-2 中 的 
枚 举 常量 ; type 为 像素 的 数据 类 型 , 取 值 为 表 10. 3-1 中 的 枚 举 常量 ; 参数 pixels 为 指向 图 
像 像 素数 据 的 指针 。 

纹理 映射 时 ,需要 调用 glTexParameter() 和 glTexEnv() 命 令 为 纹理 映射 设置 参数 和 纹 
理 环境 ,它们 对 纹理 映射 的 效果 影响 极 大 。glTexParameter() 命 令 的 原型 是 : 





void glTexParameterX(GLenum target, GLenum pname, Type param); 

其 中 ,X 可 以 是 f\i\fv 或 iv; 参数 target 为 纹理 对 象 ,其 取 值 可 为 GL_TEXTURE_1D、 
GL_TEXTURE_2D 和 GL_TEXTURE_3D; 参数 pname 则 用 来 指定 纹理 的 过 滤 方 式 , 其 
值 为 表 10. 4-1 中 的 枚 举 常量 。 

表 10.4-1 参数 pname 的 取 值 















































枚 举 常 量 意 义 
GL_TEXTURE_MIN_FILTER 返回 纹理 缩小 过 滤器 值 
GL_TEXTURE_MAG_FILTER 返回 纹理 放大 过 滤器 值 
GL_TEXTURE_MIN_LOD 返回 纹理 细节 值 的 最 小 层 
GL_TEXTURE_ MAX_LOD 返回 纹理 细节 值 的 最 大 层 
GL_TEXTURE_BASE_LEVEL 返回 最 大 Mip 贴图 值 的 基层 
GL_TEXTURE_MAX_LEVEL 返回 最 大 Mip 贴图 值 的 数量 层 
GL_TEXTURE_LOD _BIAS 纹理 细节 层 偏向 
GL_TEXTURE_WRAP_S 返回 S 坐标 方向 的 环境 模式 
GL_TEXTURE_WRAP_T 返回 工 坐 标 方向 的 环境 模式 
GL_TEXTURE_WRAP_R 返回 R 坐标 方向 的 环境 模式 
GL_TEXTURE_BORDER_COLOR 返回 纹理 边界 颜色 
GL_TEXTURE_PRIORITY 返回 当前 纹理 优先 设置 
GL_TEXTURE_REIDENT 若 纹 理 为 常 驻 纹理 , 则 返回 GL_TRUE 
GL_ DEPTH_TEXTURE MODE 返回 深度 纹理 模式 

















第 10 章 ”基于 OpenGL 的 图 形 开发 技术 
续 表 
枚 举 常量 意 4 
GL_TEXTURE COMPARE MODE 返回 纹理 比较 模式 
GL_TEXTURE COMPARE_ FUNC 返回 深度 纹理 函数 
GL TEXTURE GENERATE MIPMAP 车 自动 Mip 被 启用 , 则 返回 GL_TRUE 





参数 param 为 所 指定 的 过 滤器 取 值 ,可 以 是 一 个 单一 的 实数 或 整数 ,也 可 以 是 一 个 数 
组 。 对 于 缩小 纹理 ,该 参数 提供 了 6 个 过 滤 函 数 ,分 别 由 表 10. 4-2 中 的 常量 指定 。 


表 10.4-2 过 滤 函 数 























函 数 意 义 
GL_NEAREST 在 Mip 基层 上 执行 最 邻近 过 滤 
GL_LINEAR 在 Mip 基层 上 执行 线性 过 滤 
GL_NEAREST_MIPMAP_NEAREST 选择 最 邻近 Mip 层 ,并 执行 最 邻近 过 滤 
GL_LINEAR_MIPMAP_NEAREST 在 Mip 层 之 间 执行 线性 插 补 ,并 执行 最 邻近 过 滤 
GL_NEAREST_MIPMAP_LINEAR 选择 最 邻近 Mip 层 ,并 执行 线性 过 滤 
GL_LINEAR_MIPMAP_LINEAR 在 Mip 层 之 间 执 行 线性 插 补 , 并 执行 线性 过 滤 


纹理 环境 是 指 如 何 组 织 纹理 图 像 的 颜色 与 几何 对 象 的 颜色 。 设 置 纹理 环境 需要 调用 
glTexEnv() 命 令 ,该 命令 的 原型 为 : 





void glTexEnvX(GLenum target, GLenum pname, Type param) ; 


其 中 ,X 的 含义 和 glTexParameter() 命 令 原 型 中 的 相同 ; 参数 target 也 为 纹理 对 象 , 取 
值 可 为 GL_TEXTURE_ENV 或 GL_TEXTURE_FILTER_CONTROL 等 ; 参数 pname 为 
环境 参数 ,对 于 非 数 组 参数 命令 ,其 取 值 只 能 为 GL_TEXTURE_ENV_MODE, 对 于 数组 参 
数 命令 ,还 可 以 取 GL_TEXTURE_ENV_COLOR; 参数 param 为 所 设置 的 环境 参数 值 ,可 
以 为 存放 在 数组 中 的 RGBA 值 ,也 可 以 为 具有 一 定 意义 的 以 下 值 : GL_MODULATE( 调 
节 ) .GL_DECAL( 贴 纸 ) .GL_BLEND( 混 合 ) .GL_REPLACE( 替 换 )。 

OpenGL 在 加 载 纹理 图 像 、 设 置 纹 理 映 射 参数 和 纹理 环境 ,并 启用 纹理 功能 后 ,还 需要 
把 设置 好 的 纹理 图 像 和 几何 物体 的 具体 位 置 进行 对 应 , 即 建立 纹理 坐标 点 和 图 形 坐 标点 的 
映射 关系 。 纹 理 坐 标的 坐标 系 被 命名 为 s\t\r 和 q( 类 似 于 顶点 坐标 的 x、y、z 和 w) ,坐标 值 
指定 为 浮 点 型 ,坐标 利用 glTexCoord() 函 数 指定 .对 应 的 一 维 、 二 维和 三 维 纹理 坐标 函数 原 
型 分 别 为 : 

void glTexCoord1f (GLfloat s); 

void glTexCoord2f (GLfloat s,GLfloat t); 

void glTexCoord3f (GLfloat s,GLfloat t,GLfloat r); 

无 论 纹理 图 像 有 多 大 ,坐标 值 范围 都 是 L0.0,1.0]。 

在 某 一 几何 表面 进行 纹理 映射 时 ,在 指定 该 表面 上 一 个 顶点 的 同时 ,必须 给 出 纹理 图 像 
在 该 点 的 对 应 坐标 值 。 例 如 ,指定 一 个 表面 顶点 及 对 应 纹理 坐标 的 代码 如 下 : 


glTexCoord2f(0. 0f, 0.0f); // 指 定 该 点 对 应 的 纹理 坐标 
glVertex3f( - 3.0, — 5.0,0.0); // 指 定 该 点 坐标 
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根据 上 述 步骤 即 可 在 程序 中 实现 纹理 映射 ,例如 ,在 程序 OpenGL001 中 实现 纹理 图 像 
映射 ,首先 ,在 视图 类 文件 中 定义 一 个 纹理 映射 的 宏 : 


# define TEXTURE MAP 2D 31 


在 菜单 栏 或 工具 栏 中 创建 一 个 装载 纹理 图 像 的 图 标 标 识 , 通 过 类 向 导 在 视图 类 中 创 于 
该 标识 的 消息 映射 函数 ,例如 为 OnImageMapLoad(), 并 在 该 函数 中 加 载 图 像 文 件 和 设置 
纹理 映射 参数 等 ,代码 参考 如 下 : 





雯 


void COpenGL001View: :OnImageMapLoad() { 
// 加 载 图 像 文件 
CEileDialog hFileDlg(true, NULL, NULL, OFN FILEMUSTEXIST | OFN READONLY | OFN_PATHMUSTEXIST ， 
TEXT("bmp 文 件 ( * .bmp)| * .bmp|"),，NULL); 
if(hFileDlg. DoModal() == IDOK) { 
RUX_RGBImageRec * m image; 
glPixelStorei(GL UNPACK ALIGNMENT,1); 
m image = auxDIBImageLoad(hFileD1g. GetPathName( ) ); 
m iWidth= m image— > sizeX; 
m iHeight =m image— > sizeY; 
m pImage = m image — > data; 
// 加 载 纹理 图 像 
glTexImage2D(GL_TEXTURE_2D, 0, 3, m_iWidth, m_iHeight, 0, GL_RGB, GL_UNSIGNED_BYTE, 
m_pImage); 
// 设 置 纹理 参数 和 环境 参数 
glTexParameteri(GL_ TEXTURE 2D,GL_TEXTURE WRAP_S,GL_ CLAMP); 
glTexParameteri(GL TEXTURE 2D,GL TEXTURE WRAP_T,GL CLAMP);glTexParameteri(GL_ TEXTURE 2D, 
GL_TEXTURE_MAG_FILTER, GL_LINEAR) ;glTexParameteri(GL_TEXTURE 2D, GL_TEXTURE_ MIN_FILTER, GL_ 


LINERR) ; 

glTexEnvf(GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_DECRL) ; 
m_flag = TEXTURE MAP_2D; // 设 置 纹理 映射 标识 
InitOperation( ); // 初 始 化 环境 
glEnable(GL_TEXTURE_2D) ; // 启 用 二 维 纹理 映射 


在 绘图 函数 RenderScene() 中 加 入 绘制 纹理 的 代码 ,此 代码 放 在 最 后 一 行 代码 
glPopMatrix() 之 前 即 可 ,参考 如 下 : 


if(m flag== TEXTURE MAP_2D){ 

glBegin(GL_QUADS); 
glTexCoord2f(0. 0f, 0. 0f); 
glVertex3f( - Win Size/3.0, — Win Size/3.0,0.0); 
glTexCoord2f(1.0,0.0); 
glVertex3f (Win_Size/3.0, - Win_Size/3.0,0.0); 
glTexCoord2f(1.0,1.0); 
glVertex3f (Win Size/3.0,Win Size/3.0,0.0); 
glTexCoord2f(0.0,1.0); 
glVertex3f( - Win_Size/3.0,Win Size/3.0,0.0); 

glEnd( ); 
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这 样 ,执行 应 用 程序 ,加 载 一 个 图 像 文 件 后 ,纹理 图 像 就 映射 在 一 个 四 边 形 表面 上 ,该 纹 
理 图 像 可 以 随 着 四 边 形 一 起 进行 几何 变换 。 

纹理 的 图 像 除 了 可 以 是 像素 图 像 外 ,也 可 以 是 位 图 图 像 , 位 图 图 像 的 纹理 加 载 方式 和 像 
素 图 像 的 加 载 方式 完全 相同 ,只 是 图 像 的 格式 和 尺寸 大 小 为 位 图 本 身 的 格式 和 尺寸 大 小 。 

需要 注意 的 是 ,设置 不 同 的 纹理 设置 的 参数 和 纹理 映射 的 环境 参数 对 纹理 效果 有 很 大 
影响 ,可 以 通过 设置 不 同 的 参数 进行 比较 ,此 处 不 再 袭 述 。 


10.4.2 纹理 对 象 


当 物 体 有 多 个 表面 都 要 进行 纹理 贴图 时 ,多 个 表面 可 以 贴 同一 个 纹理 图 像 , 也 可 以 分 别 
贴 同一 个 纹理 图 像 的 不 同 部 分 。 当 多 个 表面 分 别 贴 同一 个 纹理 图 像 的 不 同 部 分 时 ,需要 将 
纹理 图 像 的 坐标 进行 分 段 ,每 一 段 分 别 和 一 个 表面 的 坐标 对 应 ,以 此 实现 同一 个 纹理 图 像 的 
同 部 分 映射 在 不 同 的 表面 上 。 

物体 的 多 个 表面 也 可 以 分 别 映射 不 同 的 纹理 图 像 ,这 时 存在 多 个 纹理 对 象 , 对 于 多 个 纹 

理 图 像 存在 纹理 对 象 的 管理 调度 问题 。 

为 了 产生 多 个 纹理 对 象 ,首先 ,必须 通过 调用 glGenTextures() 命 令 为 每 个 纹理 对 象 创 
建 ID 标识 ,该 命令 原型 为 : 





eal 





void glGenTextures(GLsizei n,GLuint * textures); 


其 中 ,参数 n 为 纹理 对 象 的 个 数 ; textures 为 存放 产生 的 纹理 对 象 ID 标识 的 指针 地 
址 , 当 纹理 对 象 是 多 个 时 ,textures 以 纹理 对 象 数组 变量 的 形式 存放 。 

纹理 对 象 ID 产生 后 ,必须 调用 glBindTexture() 命 令 将 纹理 对 象 和 ID 进行 绑 定 ,该 命 
令 原 型 为 : 


void glBindTexture( GLenum target, GLuint texture); 


其 中 ,参数 target 为 纹理 对 象 , 取 值 为 枚 举 常量 : GL_TEXTURE_1D、GL_TEXTURE_2D 
或 者 GL_TEXTURE_3D; 参数 texture 为 对 应 的 纹理 对 象 ID。 

glBindTexture() 命 令 的 作用 除了 绑 定 纹理 对 象 ID 外 ,同时 还 设置 该 纹理 对 象 为 当前 
纹理 ,这 时 ,可 以 对 其 进行 纹理 图 像 加 载 以 及 纹理 参数 和 环境 参数 设置 ,设置 方法 和 单个 纹 
理 的 设置 方法 相同 。 另 外 ,对 于 多 个 纹理 对 象 , 当 要 使 用 某 一 个 纹理 进行 映射 时 ,也 必须 首 
先 调 用 glBindTexture() 命 令 将 其 设置 为 当前 纹理 。 

在 程序 OpenGL001 中 举例 实现 多 个 纹理 对 象 时 ,可 以 先 在 视图 类 文件 中 定义 一 个 纹 
理 对 象 的 宏 : 


# define IMAGE MAP OBJECT 32 
在 视图 类 中 ,定义 纹理 对 象 的 数组 变量 ,假如 纹理 对 象 个 数 为 5, 则 纹理 对 象 数组 为 : 
GLuint ImageIDs[5]; 


然后 ,在 应 用 程序 工具 栏 或 者 菜单 栏 中 设置 一 个 纹理 对 象 的 图 标 标识 ,通过 类 向 导 在 视 
图 类 中 创建 该 图 标 标识 的 消息 映射 函数 ,例如 为 OnImageMapObject() ,在 该 函数 中 产生 纹 
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理 对 象 ID ,并 进行 绑 定 ,以 及 加 载 纹理 图 像 和 设置 纹理 参数 等 。 代 码 参考 如 下 : 


void COpenGL001View: :OnImageMapObject() { 


glGenTextures(5, ImageIDs); // 产 生 纹 理 对 象 ID 
for(int i=0;i<5;it+){ // 加 入 图 像 文件 


CFileDialog hFileDlg(true, NULL, NULL, OFN_FILEMUSTEXIST | OFN_READONLY | OFN_PATHMUSTEXIST, 
TEXT("bmp 文件 ( * .bmp) | * .bmp|"),，NULL); 
if(hFileDlg. DoModal() == IDOK) { 

glBindTexture(GL_ TEXTURE 2D, ImageIDs[i]); 

RUX_RGBImageRec * m image; 

glPixelStorei(GL UNPACK ALIGNMENT,1); 

m image = auxDIBImageLoad(hFileD1g. GetPathName() ); 

m iNidth=m image—> sizeX; 

m iHeight =m image—> sizeY; 

m plImage = m image—> data; 
glTexParameteri(GL_TEXTURE 2D, GL, TEXTURE_WRAP_S, GL CLAMP); 
glTexParameteri(GL TEXTURE 2D,GL TEXTURE WRAP T,GL CLAMP); 
glTexParameteri(GL TEXTURE_2D, GL TEXTURE MAG FILTER,GL LINEAR); 
glTexParameteri(GL_TEXTURE 2D,GL_ TEXTURE MIN_FILTER,GL_ LINEAR); 
glTexEnvf (GL_TEXTURE_ ENV,GL_TEXTURE_ENV_MODE, GL_ REPLACE); 
glTexImage2D(GL_TEXTURE 2D, 0,3,m_iNidth,m_ iHeight, 0, GL_RGB, GL_UNSIGNED BYTE, m_pImage); 

} 
else { 

CString str; 

str. Format(" 请 选择 第 %d 个 映射 图 像 !",i+ 1); 

AfxMessageBox( str); 

i 

} 
} 
m flag = IMAGE MRP OBJECT; 
InitOperation(); 
glEnable(GL_TEXTURE 2D); 


在 绘图 函数 RenderScene() 中 加 入 映射 多 个 纹理 对 象 的 代码 ,此 代码 放 在 最 后 一 行 代 
码 glPopMatrix() 之 前 。 在 本 实例 中 ,将 加 载 的 5 个 纹理 对 象 图 像 分 别 绑 定 映射 到 一 个 正 
方 体 的 6 个 表面 上 ,其 中 最 后 两 个 表面 采用 同一 个 纹理 图 像 的 不 同 坐 标 部 分 映射 。 代 码 参 
考 如 下 : 


if(m_flag == IMAGE_MRP_OBJECT){ 

glBindTexture( GL_TEXTURE_2D, ImageIDs[0]); // 绑 定 到 前 表面 

glBegin(GL POLYGON); 
glNormal3f(0.0,0.0,1.0); 
glTexCoord2f(0. 0f, 0. 0f); 
glVertex3f( - Win_Size/3.0, - Win_Size/3.0,Win_Size/3.0); 
glTexCoord2f(1.0,0.0); 
glVertex3f (Win_Size/3.0, — Win_Size/3.0, Win Size/3.0); 
glTexCoord2f(1.0,1.0); 
glVertex3f (Win_Size/3.0, Win Size/3.0,Win Size/3.0); 
glTexCoord2f(0.0,1.0); 
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glVertex3f( — Win Size/3.0,Win Size/3.0,Win Size/3.0); 
glEnd( ); 
glBindTexture(GL_TEXTURE 2D, ImageIDs[1]); // 绑 定 到 后 表面 
glBegin(GL_POLYGON) ; 

glNormal3f(0.0,0.0, 一 1.0); 

glTexCoord2f(0. 0f,0. 0f); 

glVertex3f( - Win Size/3.0, - Win Size/3.0, -Win Size/3.0); 

glTexCoord2f(0.0,1.0); 

glVertex3f( — Win Size/3.0,Win Size/3.0, — Win Size/3.0); 

glTexCoord2f(1.0,1.0); 

glVertex3f (Win_Size/3.0,Win Size/3.0, — Win_Size/3.0); 

glTexCoord2f(1.0,0.0); 

glVertex3f (Win Size/3.0, — Win Size/3.0, — Win_Size/3.0); 
glEnd(); 
glBindTexture(GL_TEXTURE 2D, ImageIDs[2]); // 绑 定 到 左 表 面 
glBegin(GL POLYGON); 

glNormal3f(1.0,0.0,0.0); 

glTexCoord2f(0. 0f,0. 0f); 

glVertex3f (Win_Size/3.0, — Win_Size/3.0, — Win_Size/3.0); 

glTexCoord2f(0.0,1.0); 

glVertex3f (Win_Size/3.0,Win Size/3.0, - Win_Size/3.0); 

glTexCoord2f(1.0,1.0); 

glVertex3f (Win_Size/3.0,Win_Size/3.0,Win_ Size/3.0); 

glTexCoord2f(1.0,0.0); 

glVertex3f (Win Size/3.0, — Win_ Size/3.0,Win Size/3.0); 
glEnd(); 
glBindTexture(GL_TEXTURE 2D, ImageIDs[3]); // 绑 定 到 右 表面 
glBegin(GL POLYGON); 

glNormal3f( —1.0,0.0,0.0); 

glTexCoord2f(0. 0f, 0. 0f); 

glVertex3f( — Win Size/3.0, - Win_Size/3.0, -Win Size/3.0); 

glTexCoord2f(1.0,0.0); 

glVertex3f( — Win_Size/3.0, - Win_Size/3.0,Win_Size/3.0); 

glTexCoord2f(1.0,1.0); 

glVertex3f( — Win_Size/3.0,Win Size/3.0,Win Size/3.0); 

glTexCoord2f(0.0,1.0); 

glVertex3f( — Win_Size/3.0,Win_Size/3.0, — Win_Size/3.0); 
glEnd(); 
glBindTexture(GL_TEXTURE 2D, ImageIDs[ 4]); // 绑 定 到 上 表面 和 下 表面 
glBegin(GL_POLYGON) ; 

glNormal3f(0.0,1.0,0.0); 

glTexCoord2f(0. 0f, 0. 0f); 

glVertex3f( — Win Size/3.0,Win Size/3.0, — Win Size/3.0); 

glTexCoord2f(0.5,0.0); 

glVertex3f( — Win_Size/3.0,Win_Size/3.0, Win Size/3.0); 

glTexCoord2f(0.5,1.0); 

glVertex3f (Win Size/3.0,Win Size/3.0,Win Size/3.0); 

glTexCoord2f(0.0,1.0); 

glVertex3f (Win_Size/3.0,Win_Size/3.0, — Win_Size/3.0); 
glEnd(); 
glBegin(GL POLYGON); 
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glNormal3f(0.0, —1.0,0.0); 
glTexCoord2f(0. 5f,0. 0f); 
glVertex3f( — Win_Size/3.0, - Win_Size/3.0, — Win_Size/3.0); 
glTexCoord2f(1.0,0.0); 
glVertex3f (Win_Size/3.0, — Win_Size/3.0, — Win_Size/3.0); 
glTexCoord2f(1.0,1.0); 
glVertex3f (Win_Size/3.0, — Win_Size/3.0,Win_Size/3.0); 
glTexCoord2f(0.5,1.0); 
glVertex3f( - Win Size/3.0, - Win Size/3.0,Win Size/3.0); 
glEnd( ); 
} 


10.4.3 纹理 透明 


纹理 也 可 以 是 透明 的 ,使 用 透明 纹理 映射 的 同时 ,还 会 使 得 被 贴图 的 三 维 实体 也 变 得 透 
明 。 实 现 透 明 纹 理 映射 可 以 采用 多 种 技术 ,最 直观 的 透明 纹理 映射 是 将 一 幅 像 素 图 像 加 上 
一 定 的 透明 度 , 即 将 24 位 图 像 扩 展 成 32 位 ,然后 再 采用 混合 技术 实现 透明 。 该 方法 复杂 度 
较 高 ,效率 也 较 低 , 但 效果 最 好 。 还 有 一 种 方法 是 利用 纹理 映射 的 技术 实现 ,这 时 需要 调用 
GLU 库 中 的 gluBuild2DMipmaps() 命 令 建立 二 维 mipmap 图 像 。 

所 谓 mipmap, 是 指 具 有 多 个 明细 等 级 的 纹理 图 像 。 与 其 他 实体 一 样 ,对 于 带 有 纹理 的 
实体 ,可 能 会 从 不 同 距 离 观察 。 在 动态 场景 中 , 当 带 有 纹理 的 实体 远离 视点 时 ,纹理 图 像 随 
实体 变 小 而 变 小 。 为 此 ,OpenGL 必须 对 纹理 图 像 进行 相应 的 滤波 ,使 其 大 小 适合 粘贴 到 实 
体 上 ,同时 避免 产生 晃动 ,闪烁 和 闪光 等 人 工 雕 琢 的 现象 。 为 了 避免 这 种 人 工 雕 琢 的 效果 ， 
可 以 指定 一 系列 预先 通过 滤波 生成 的 、 分 辩 率 递减 的 纹理 图 像 , 即 mipmap 。 

在 使 用 mipmap 技术 时 ,OpenGL 会 根据 实体 的 大 小 (以 像素 为 单位 ) 自 动 确定 使 用 哪 
个 纹理 图 像 。 而 要 使 用 mipmap 技术 , 则 必须 提供 从 最 小 尺寸 到 1X1、 大 小 为 2 的 整数 次 寡 
的 各 种 纹理 图 像 。gluBuild2DMipmaps() 命 令 除了 获取 输入 的 图 像 ,也 可 以 利用 该 图 像 创 
建 mipmap 图 像 ,以 后 通过 调用 gluScaleImage() 命 令 生成 所 有 级 别 的 mipmap 图 像 。 
gluBuild2DMipmaps() 命 令 的 原型 为 : 





void gluBuild2DMipmaps ( GLenum target，GLint components, GLint width，GLint height, GLenum 

format, GLenum type, const void * data); 

其 中 参数 target 必须 为 TL_TEXTURE_2D; 参数 components 为 纹理 颜色 组 分 数 ,其 
值 为 1、2、3 或 4; 参数 width 和 height 分 别 为 纹理 图 像 的 宽度 和 高 度 ; 参数 format 为 图 像 
的 格式 ,其 取 值 如 表 10. 3-2 所 示 ; 参数 type 为 图 像 的 数据 类 型 ,其 值 如 表 10. 3-1 所 示 ; 参 
数 data 为 图 像 数 据 的 首 地 址 。 
因为 gluBuild2DMipmap() 也 用 于 图 像 的 加 载 获取 ,所 以 在 使 用 时 ,只 需 用 其 代替 原来 
的 图 像 加 载 命令 glITexImage2D() 即 可 。 

在 实现 透明 时 ,仍然 需要 使 用 混合 功能 ,并 调用 混合 函数 glBlendFunc() 设 置 混合 
方法 。 

在 程序 OpenGL001 中 举例 实现 纹理 透明 时 ,可 以 对 本 章 10.4. 2 节 创 建 的 多 纹理 对 象 
设置 透明 纹理 。 首 先 ,在 应 用 程序 工具 栏 或 者 菜单 栏 中 设置 一 个 纹理 透明 的 图 标 标识 ,通过 





第 10 章 基于 OpenGl 的 图 形 开发 技术 





类 向 导 在 视图 类 中 创建 该 标识 的 消息 映射 函数 ,例如 为 OnImageMapBlend() ,在 该 函数 中 
启用 混合 功能 ,并 调用 混合 函数 glBlendFunc() 设 置 混合 方法 。 代 码 参考 如 下 : 
void COpenGLO01View: :OnImageMapBlend() { 
glEnable( GL BLEND); // 启 用 混合 
glShadeModel (GL SMOOTH) ; 
glDepthFunc(GL LEQUAL); 
glHint (GL PERSPECTIVE CORRECTION_HINT, GL, NICEST) ; 
glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA); ” // 设 置 混合 
Invalidate( ); 
有 


在 绘图 函数 RenderScene() 中 绘制 多 纹理 对 象 的 代码 部 分 ,首先 调用 glColor() 命 令 将 
透明 度 Alpha 参数 值 设置 为 小 于 1 ,例如 设 为 0.4, 这 样 即 使 图 像 本 身 不 具有 透明 度 ,但 是 单 
击 纹 理 透 明 命令 后 ,多 纹理 图 像 之 间 仍 然 实现 了 透明 。 在 绘图 函数 RenderScene() 中 的 绘 
制 多 纹理 对 象 部 分 加 入 的 代码 为 : 


glColor4f(1.0f,1.0f,1.0f,0.4f); 


执行 应 用 程序 ,创建 一 个 多 纹理 对 象 的 立方 体 纹理 贴图 , 然 
后 , 单 击 纹理 透明 命令 ,立方 体 纹理 贴图 变 为 透明 的 ,效果 如 
图 10. 4-1 所 示 。 

上 述 的 纹理 透明 代码 中 并 没有 使 用 到 本 节 所 提 到 的 mipmap 
技术 ,因为 纹理 加 载 是 借用 的 纹理 对 象 中 的 代码 , 若 使 用 mipmap 
技术 纹理 透明 ,只 需 把 其 中 装载 纹理 图 像 的 代码 glTexImage2D() 
命令 用 gluBuild2DMipmapQ 〇 命令 替换 即 可 。 





图 10.4-1 纹理 透明 效果 


10.4.4 一 维 纹理 


OpenGL 的 纹理 映射 主要 采用 的 是 二 维 纹理 , 即 二 维 图 像 ,但 同时 也 支持 一 维 纹理 和 三 
维 纹理 ,其 中 三 维 纹理 在 较 高 的 版 本 才能 实现 。 一 维 纹理 与 二 维 纹理 的 准备 步骤 基本 相同 ， 
即 设置 纹 理 参数 .设置 纹理 环境 . 载 和 人 纹理 图 像 和 指定 纹理 坐标 等 。 

在 设置 纹理 参数 时 ,glTexParameter() 命 令 中 对 应 的 纹理 对 象 参数 应 改 为 一 维 纹理 对 
象 的 枚 举 常 量 GL_TEXTURE_1D。 纹理 环境 的 设置 和 二 维 纹理 完全 相同 。 

在 载 和 一 维 纹理 图 像 时 ,应 调用 glTexImage1DO 〇 命令 ,该 命令 的 参数 与 glTexImage2D() 
中 的 参数 意义 相同 ,只 是 缺少 height 参数 ,参数 target 取 值 为 GL_TEXTURE_1D。 该 命令 
将 一 幅 一 维 图 像 载 和 内存 ,以 供 映 射 使 用 。 

指定 一 维 纹理 图 像 的 坐标 除了 使 用 glTexCoordlX() 命 令 显示 分 配 纹理 坐标 外 ,还 可 以 
调用 glTexGen() 命 令 让 OpenGL 自动 生成 纹理 坐标 ,该 命令 的 原型 为 : 





void glTexGenX( GLenum coord, GLenum pname, Type param); 


其 中 ,X 可 以 是 d\f\i 或 者 dv、fv、iv,; 分 别 表示 参数 param 的 数据 类 型 为 双 精 度 型 、 实 
型 整 型 以 及 这 些 类 型 的 数组 ; 参数 coord 表示 需要 自动 生成 一 维 纹理 的 坐标 方向 , 取 值 为 
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GL SGL_T、GL_R 或 者 GL_Q; 参数 pname 为 纹理 坐标 生成 函数 名 ,对 于 简单 参数 ， 
pname 取 值 必须 为 GL_TEXTURE_GEN_MODE, 对 于 数值 参数 ,pname 取 值 为 GL_ 
TEXTURE_GEN_MODE、GL_OBJECT_PLANE 或 者 GL_EYE_PLANE; 参数 param 为 
生成 函数 的 参数 , 取 值 为 GL_OBJECT_LINEAR.、GL_EYE_LINEAR.GL_SPHERE_ 
MAP、GL_REFLECTION_MAP 或 者 GL_NORMAL_MAP, 这 些 值 决定 了 使 用 哪个 函数 
生成 纹理 坐标 。 如 果 param 是 一 个 指向 数组 的 指针 ,那么 这 个 数组 指定 了 纹理 生成 函数 的 
参数 。 

例如 , 当 指定 GL_TEXTURE_ GEN_MODE 和 GL_OBJECT_LINEAR 时 ,纹理 生成 函 
数 就 是 物体 顶点 坐标 (zo ,yo ,zu reo ) 的 线性 组 合 : 

8 = Pizxo tt peyo + pazo + pawo 

其 中 ,g 为 生成 的 坐标 ; p; 为 参数 param 提供 的 4 个 值 ,此 时 pname 参数 设置 为 GL_ 
OBJECT_PLANE; zo 、yo 、xo ,wo 为 向 量 的 齐 次 坐标 。 如 果 pi ,… ,ps 已 经 进行 了 正确 的 规 
范 化 ,这 个 函数 将 会 给 出 从 这 个 顶点 到 一 个 平面 的 距离 。 例 如 , 思 2 一 加 一 加 一 0 并且 pi=1， 
那么 这 个 函数 给 出 顶点 和 z=0 平 面 之 间 的 距离 。 当 物体 在 zy 平面 上 时 ,纹理 的 轮廓 线 垂 
直 于 物体 坐标 系 的 工 轴 。 

设置 自动 生成 纹理 坐标 后 ,还 需 利用 GL_TEXTURE_GEN_S 为 参数 调用 glEnable() 
命令 ,启用 纹理 坐标 。 

和 二 维 纹 理 映 射 一 样 ,也 需 利用 GL_TEXTURE_1D 为 参数 调用 glEnable 〇 命令 ,启用 
一 维 纹理 映射 。 

在 程序 OpenGL001 中 举例 实现 一 维 纹理 时 ,可 以 首先 在 视图 类 文件 中 定义 一 个 一 维 
纹理 的 宏 : 





#define TEXTURE MAP_ 1D 33 
在 视图 类 中 ,定义 一 个 一 维 纹理 对 象 变量 : 
GLuint Texture_1D; // 一 维 纹理 


然后 ,在 应 用 程序 工具 栏 或 者 菜单 栏 中 设置 一 个 一 维 纹理 的 图 标 标 识 , 通 过 类 向 导 在 视 
图 类 中 创建 该 标识 的 消息 映射 函数 ,例如 为 OnTextureld() ,在 该 函数 中 创建 一 个 简单 的 一 
维 位 图 图 像 ,产生 和 绑 定 一 维 纹理 对 象 ID, 以 及 加 载 位 图 图 像 \ 设 置 一 维 纹理 参数 和 纹理 环 
境 , 并 设置 自动 生成 纹理 坐标 。 代 码 参 考 如 下 : 


void COpenGL001View: :OnTextureld() { // 一 维 纹理 

// 创 建 一 维 纹理 位 图 图 像 

GLbyte Image tex 1D[4* 32]; 

nt 4; 

for(j=0;j<32;j++){ 
Image tex 1D[4*j]=GLubyte((j<=4)?255:0); 
Image tex 1D[4*j+1]=GLubyte((j>4)?255:0); 
Image tex_ 1D[4*j+2]= GLubyte(0); 
Image tex 1D[4*j+3]=GLubyte(255); 

} 

// 创 建 和 绑 定 一 维 纹理 对 象 

glGenTextures(1,&Texture_1D) 
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glBindTexture(GL TEXTURE 1D, Texture 1D); 

// 设 置 纹 理 参 数 

glTexParameteri(GL_ TEXTURE 1D,GL TEXTURE WRAP_S,GL REPEAT); 
glTexParameteri(GL TEXTURE 1D,GL TEXTURE MAG FILTER,GL LINEAR); 
glTexParameteri(GL TEXTURE 1D,GL TEXTURE MIN_FILTER,GL, LINEAR); 

// 加 载 纹理 图 像 

glTexImagelD(GL_ TEXTURE 1D,0,GL RGBA,32,0,GL RGBA,GL UNSIGNED BYTE, Image tex_ 1D); 

// 设 置 纹理 环境 

glTexEnvf (GL, TEXTURE ENV, GL TEXTURE ENV_MODE, GL, REPLACE); 

// 自 动 生成 纹理 坐标 

GLfloat fzero[ ] = {1.0,0.0,0.0,0.0}; 

glTexGeni(GL_S, GL_ TEXTURE GEN_MODE, GL OBJECT_LINERR) ; 

glTexGenfv(GL_S,GL OBJECT PLANE, fzero); 


glEnable(GL_TEXTURE_GEN_S); // 启 用 纹理 坐标 
glEnable(GL_TEXTURE 1D); // 启 用 一 维 纹理 映射 
glEnable(GL_RUTO_NORMRL) ; // 设 置 法 向 量 
glEnable( GL_NORMALIZE); // 设 置 法 向 量规 范 化 
glFrontFace(GL_CW); // 设 置顶 点 走向 
m_flag = TEXTURE MAP_1D; // 设 置 一 维 纹理 映射 宏 


InitOperation(); 
有 


在 绘图 函数 RenderScene() 中 加 入 映射 一 维 纹理 图 像 到 某 个 形体 表面 的 代码 ,由 于 上 
述 一 维 纹理 已 经 设置 完毕 ,该 纹理 可 映射 到 任何 表面 。 本 例 将 其 映射 到 一 个 简单 的 平面 上 ， 
代码 放 在 最 后 一 行 代码 glPopMatrix() 之 前 ,参考 如 下 : 


if(m flag== TEXTURE MRP_1D){ 
glBindTexture(GL_TEXTURE_1D, Texture_1D); 
glBegin(GL POLYGON); 
glNormal3f(0.0,0.0,1.0); 
glVertex3f( - Win_Size/3.0, - Win_Size/3.0,0.0); 
glVertex3f (Win Size/3.0, -Win Size/3.0,0.0); 
glVertex3f(Win_Size/3. 0, Win_Size/3.0,0.0); 
glVertex3f( — Win_Size/3.0,Win Size/3.0,0.0); 
glEnd(); 





上 
运行 程序 , 单 击 一 维 纹理 命令 后 ,可 以 在 一 个 平面 上 绘制 一 幅 一 维 纹理 图 像 。 


10.4.5 球体 纹理 


在 纹理 坐标 生成 函数 glTexGen () 中 , 当 其 参数 取 GL_TEXTURE_GEN_MODE 和 GL_ 
SPHERE_MAP 时 ,OpenGL 计算 纹理 坐标 的 方式 相当 于 使 物体 看 上 去 相对 当前 纹理 贴图 
的 反射 ,这 种 纹理 生成 模式 又 称 为 球体 纹理 映射 (贴图 )。 球 体 纹理 映射 设置 方法 如 下 : 


glTexGeni(GL S, GL TEXTURE GEN MODE, GL SPHERE MAP); 
glTexGeni(GL T, GL TEXTURE GEN MODE, GL SPHERE MAP); 


并 通过 调用 glEnable() 命 令 对 S、T 纹理 坐标 启用 纹理 生成 : 
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glEnable( GL TEXTURE GEN_S); 

glEnable( GL TEXTURE GEN_T); 

当 纹 理 坐 标 生成 功能 启用 后 ,对 glTexCoord() 的 任何 调用 都 将 被 忽略 ,OpenGL 自动 
计算 每 个 顶点 的 纹理 坐标 。 如 果 利 用 glTexCoord() 指 定 纹理 坐标 ,那么 ,必须 禁用 纹理 坐 
标 生 成 功能 : 

glDisable(GL TEXTURE GEN S); 

glDisable(GL TEXTURE GEN T); 

同 理 ,对 R 和 Q 纹理 坐标 生成 的 启用 和 禁用 设置 方法 也 同上 。 

在 程序 OpenGL001 中 举例 实现 球体 纹理 时 ,可 以 首先 在 视图 类 文件 中 定义 一 个 球体 
纹理 的 宏 : 


# define TEXTURE SPHERE 36 


在 视图 类 中 ,定义 一 个 球体 纹理 对 象 数组 ,一 个 为 被 反射 的 纹理 对 象 , 一 个 为 反射 的 球 
体 纹理 对 象 ,它们 加 载 同一 幅 图 像 , 以 便 产生 反射 的 效果 : 


GLuint ImageSphere[2];; // 球 体 纹理 对 象 


然后 ,在 应 用 程序 工具 栏 或 者 菜单 栏 中 设置 一 个 球体 纹理 的 图 标 标识 ,通过 类 向 导 在 视 
图 类 中 创建 该 标识 的 消息 映射 函数 ,例如 为 OnTextrureSphere() ,在 该 函数 中 创建 纹理 对 
象 以 及 加 载 位 图 图 像 ,设置 纹理 参数 和 纹理 环境 ,设置 球体 纹理 坐标 ,启用 纹理 映射 等 。 代 
码 参 考 如 下 : 


void COpenGL001View: :OnTextrureSphere() { 
CFileDialog hFileDlg(true, NULL, NULL, OFN_FILEMUSTEXIST| OFN_READONLY | OFN_PATHMUSTEXIST, TEXT 
("bmp 文件 ( * .bmp)| * .bmp|")，NULL); // 打 开 图 像 
if(hFileDlg. DoModal() == IDOK){ 

AUX_RGBImageRec * m image; 

glPixelStorei(GL UNPACK ALIGNMENT, 1); 

m_image = auxDIBImageLoad(hFileD1g. GetPathName( )); 

m iWidth=m image 一 > sizeX; 





m iHeight =m image—> sizeY; 
m plImage = m image — > data; 
glGenTextures(2, ImageSphere) ; // 创 建 纹理 对 象 
for(int i=0;i<2;it+){ // 纹 理 对 象 加 载 和 设置 同一 图 像 
glBindTexture(GL_TEXTURE_2D, ImageSphere[ i]); 
glTexParameteri(GL TEXTURE 2D,GL_TEXTURE WRAP_S,GL_ CLAMP); 
glTexParameteri(GL_TEXTURE 2D,GL_TEXTURE WRAP_T,GL_ CLAMP); 
glTexParameteri(GL_TEXTURE 2D,GL_TEXTURE MAG FILTER,GL_ LINEAR); 
glTexParameteri(GL TEXTURE 2D,GL_ TEXTURE MIN_FILTER,GL LINEAR); 
glTexEnvf (GL_TEXTURE ENV,GL TEXTURE ENV MODE,GL REPLACE); 
glTexImage2D(GL_ TEXTURE 2D,0,3,m iWidth,m iHeight,0,GL RGB,GL UNSIGNED BYTE,m pImage); 
m iMode = GL _ REPLACE; 
} 
m flag = TEXTURE SPHERE; 
InitOperation( ); 
glEnable( GL TEXTURE 2D); // 启 用 纹理 
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// 启 用 球体 纹理 


glTexGeni(GL S,GL_ TEXTURE GEN_MODE, GL, SPHERE MAP); 
glTexGeni(GL_T, GL TEXTURE_ GEN_MODE, GL, SPHERE MAP); 


glEnable(GL DEPTH TEST); 


} 


在 绘图 函数 RenderScene() 中 ,为 了 实现 球体 纹理 的 效果 ,需要 实现 两 部 分 纹理 映射 ， 
一 个 是 被 反射 的 纹理 映射 ,一 个 是 反射 的 球体 纹理 。 可 以 将 整个 绘图 窗口 背景 设 为 被 反射 
的 纹理 ,由 于 背景 是 固定 的 ,因此 ,绘制 这 个 背景 纹理 的 代码 放 在 RenderScene() 函 数 的 最 

















前 面 ,不 进行 动画 和 移动 。 代 码 如 下 : 


if(m_flag== TEXTURE SPHERE){ 

glPushMatrix( ); 

int cx,cy; 

cx= (int)winWidth* 2; 

cy= (int)winHeight * 2; 

::glViewport(0, 0, cx, cy); 

if(aspect_ ratio<1){ 
winWidth = Win Size; 
winHeight = Win_Size/aspect_ratio; 

} 

elsel 
winWidth = Win Size* aspect ratio; 
winHeight = Win_Size; 

} 

glBindTexture(GL TEXTURE 2D, ImageSphere[0]); 

glDisable(GL_TEXTURE GEN_S); 

glDisable(GL TEXTURE GEN_T); 

glDepthMask( GL_FALSE) ; 

glBegin(GL_QUADS); 
glTexCoord2f(0.0,0.0); 
glVertex2f( — winWidth, ~ winHeight); 
glTexCoord2f(1.0,0.0); 
glVertex2f (winWidth, ~ winHeight); 
glTexCoord2f(1.0,1.0); 
glVertex2f (winWidth, winHeight); 
glTexCoord2f(0.0,1.0); 
glVertex2f( - winWidth, winHeight); 

glEnd(); 

winWidth = cx/2. 0; 

winHeight = cy/2. 0; 

glPopMatrix( ); 

} 


对 于 反射 的 球体 纹理 ,可 以 映射 在 一 个 圆 环 上 , 圆 环 可 以 动画 展示 和 移动 ,因此 ,这 部 分 





// 启 用 深度 检测 


// 设 置 绘图 窗口 大 小 


// 绑 定 纹理 对 象 

// 禁 用 纹理 坐标 生成 

// 禁 用 纹理 坐标 生成 

// 背 景 绘图 无 深度 缓冲 区 


代码 放 在 RenderScene() 函 数 最 后 的 代码 “glPopMatrix();” 之 前 ,参考 如 下 : 


if(m flag == TEXTURE SPHERE){ 
glEnable( GL TEXTURE GEN_S); 


// 启 用 纹理 坐标 生成 
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glEnable(GL TEXTURE GEN_T); // 启 用 纹理 坐标 生成 
glDepthMask(GL TRUE); 
glBindTexture(GL_ TEXTURE 2D, ImageSphere[1]); // 绑 定 纹理 对 象 


glutSolidTorus(Win_Size/4.0,Win Size/3.0,30,30); 
} 
执行 程序 , 单 击 球体 纹理 ,加 载 一 个 图 像 后 ,移动 或 者 动画 展示 创建 的 圆 环 ,这 时 圆 环 的 
表面 纹理 具有 反射 背景 图 像 的 效果 。 


10.4.6 立方 图 纹理 及 天 空 盒 绘 制 和 表面 反射 


在 纹理 坐标 生成 函数 glTexGen() 中 , 当 纹理 坐标 生成 模式 为 GL_REFLECTION_ 
MAP 和 GL_NORMAL_MAP 时 ,OpenGL 使 用 了 一 种 新 的 纹理 环境 : 立方 图 纹理 (cube 
map) 。 立 方 图 纹理 被 认为 是 单个 纹理 ,但 它 实 际 上 是 由 6 个 纹理 所 组 成 的 一 个 立方 体 的 6 
个 面 。 这 6 个 面 代 表 从 不 同方 向 (前 、 后 、 左 、 右 ,上 和 下 ) 观 察 所 看 到 的 图 像 。 使 用 GL_ 
REFLECTION_MAP 纹理 坐标 生成 模式 ,也 可 以 创建 精确 的 反射 表面 。 

立方 图 纹理 的 6 个 面 要 分 别 加 载 图 像 ,这 6 个 面 对 应 的 目标 参数 分 别 为 ， 


GL_TEXTURE_CUBE MAP_POSITIVE X 右面 
GL_TEXTURE CUBE MAP_ NEGATIVE X 左面 
GL_TEXTURE_CUBE_ MAP_POSITIVE Y 顶 面 
GL_TEXTURE CUBE MAP_NEGATIVE Y 下 面 
GL,_TEXTURE_CUBE MAP_POSITIVE Z 后 面 
GL_TEXTURE_CUBE MAP_ NEGATIVE 2 前 面 


例如 ,加 载 右面 的 纹理 贴图 函数 代码 为 : 


glTexImage2D(GL_TEXTURE_CUBE_MRP_POSITIVE_X, 0, iComponents, iWidth, iHeight, 0, eFormat, GL 
UNSIGNED_BYTE, pBytes); 


为 了 启用 立方 图 纹理 ,应 以 GL_TEXTURE_CUBE_MAP 为 参数 调用 glEnable() 函 
数 。 在 使 用 立方 图 纹理 对 象 时 ,在 glBindTexture() 函 数 中 也 使 用 GL_TEXTURE_CUBE_ 
MAP 参数 值 。 如 果 GL_TEXTURE_CUBE_MAP 和 GL_TEXTURE_2D 两 个 模式 都 被 启 
用 , 则 GL_TEXTURE_CUBE_MAP 被 优先 启用 。 

对 立方 图 进行 纹理 参数 设置 环境 参数 设置 以 及 纹理 坐标 设置 ,影响 的 是 立方 图 纹理 的 
所 有 6 幅 图 像 , 因 此 ,可 以 统一 设置 ,例如 : 


glTexParameteri(GL_ TEXTURE_ CUBE_ MAP,GL_ TEXTURE MAG FILTER,GL_ LINEAR); 
glTexParameteri(GL_ TEXTURE CUBE_ MAP,GL TEXTURE MIN_FILTER,GL_ LINEAR MIPMAP_ LINEAR); 
glTexParameteri(GL TEXTURE CUBE MAP,GL TEXTURE WRAP S,L CLAMP TO EDGE); 
glTexParameteri(GL TEXTURE CUBE MAP,GL TEXTURE WRAP _T,GL CLAMP_ TO _ EDGE); 
glTexParameteri(GL TEXTURE CUBE MAP,GL TEXTURE WRAP R,GL CLAMP TO _ EDGE); 
glTexParameteri(GL TEXTURE CUBE MAP, GL GENERATE MIPMAP, GL TRUE); 

glTexEnvi(GL_ TEXTURE ENV, GL_TEXTURE ENV_MODE, GL, MODULATE); 

glTexGeni(GL_S, GL_TEXTURE_ GEN_MODE, GL REFLECTION MAP); 

glTexGeni(GL T, GL TEXTURE GEN MODE, GL REFLECTION MAP); 

glTexGeni(GL R, GL_TEXTURE GEN_ MODE, GL REFLECTION MAP); 
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立方 图 纹理 的 纹理 坐标 和 真正 的 3D 纹理 不 同 ,S、T 和 R 纹理 坐标 表示 一 个 从 中 心 指 
向 纹理 贴图 的 向 量 , 这 个 向 量 与 立方 图 纹理 的 其 中 一 面相 交 , 然 后 对 相交 四 周 的 纹理 单元 进 
行 采样 ,根据 纹理 创建 经 过 过 滤 的 颜色 值 。 

立方 图 纹理 常见 的 用 途 是 绘制 天 空 盒 和 创建 对 周围 景物 的 反射 。 天 空 盒 没 什么 特别 的 ， 
整个 场景 就 像 一 个 大 立方 体 盒 子 , 它 的 上 面 是 天 空 的 图 像 , 利 用 立方 体 纹理 绘制 这 个 大 立方 体 
的 六 个 面 ,每 个 面 绘制 成 GL_QUADS 组 成 的 图 形 , 对 于 每 个 项 点 ,使 用 glTexCoord3f() 手 动 
设置 纹理 坐标 ,并 指定 顶点 向 量 。 

因为 要 手动 设置 天 空 合 中 顶点 的 纹理 坐标 ,因此 要 禁用 纹理 坐标 的 自动 生成 功能 : 

glDisable(GL TEXTURE GEN_S); 

glDisable(GL TEXTURE GEN T); 

glDisable(GL TEXTURE GEN_R); 

当 创 建物 体 对 立方 图 纹理 图 像 的 反射 功能 时 ,需要 将 禁用 的 纹理 坐标 自动 生成 功能 启 
用 ,并 设置 坐标 生成 模式 为 GL_REFLECTION_MAP: 

















glTexGeni(GL S，GL_ TEXTURE_GEN MODE, GL REFLECTION MAP); 
glTexGeni(GL T, GL_ TEXTURE GEN_ MODE, GL REFLECTION MAP); 
glTexGeni(GL_R, GL_TEXTURE GEN_MODE, GL REFLECTION MAP); 


在 程序 中 实现 立方 图 纹理 及 天 空 盒 绘制 和 物体 表面 反射 功能 时 ,首先 需要 6 幅 图 像 ,本 
节 参 考 4OpenGL 超级 宝典 (第 4 版 )》 相 关 章 节 , 从 相应 网 站 下 载 了 对 应 的 6 幅 天 空 盒 图 像 
文件 ,名 字 分 别 为 pos_x. tga,neg_x. tga,pos_y. tgavneg_y. tga,pos_z. tgavneg_z. tga, 因 图 
像 为 tga 格式 ,因此 ,程序 中 需要 读 取 该 格式 文件 。 由 于 天 空 盒 和 反射 功能 需要 在 天 空 盒 内 
部 观察 ,投影 设置 为 透视 模式 较 合适 , 故 本 节 单 独 建立 了 一 个 控制 台 应 用 程序 ,将 6 幅 天 空 
盒 图 像 文件 放 在 该 程序 目录 下 ,在 源 代 码 中 加 载 立 方 图 纹理 时 ,加 载 该 6 幅 图 像 ,并 绘制 到 
天 空 盒 表 面 ,立方 图 反射 功能 通过 绘制 的 圆 环 来 呈现 。 具 体 源 代 码 如 下 (该 代码 中 也 包含 了 
tga 格式 图 片 文件 的 读 取 方法 ): 


#define GLUT DISABLE ATEXIT HACK 

# include < stdio.h> 

#include <gl/glut.h> 

#include <gl/glaux. h> 

#include < gl/glext.h> 

# pragma comment(1ib, "glaux") 

const char * szCubeFaces[6] = { "pos x.tga", "neg x.tga", "pos_y.tga", "neg y.tga", "pos_z. 

tga", "neg_z.tga”" }; 

GLenum cube[6] = { GL_TEXTURE CUBE MAP POSITIVE X, 
GL_TEXTURE CUBE MAP NEGATIVE X, 
GL_TEXTURE CUBE_ MAP POSITIVE Y, 
GL_TEXTURE CUBE MAP NEGATIVE Y, 
GL_TEXTURE_CUBE MAP POSITIVE 2Z, 
GL_TEXTURE_CUBE_ MAP NEGATIVE Z }; 





# pragma pack(1) 

typedef struct{ 
GLbyte identsize; //Size of ID field that follows header (0) 
GLbyte colorMapType; //0 = None, 1 = paletted 
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GLbyte imageType; //0 = none, 1 = indexed, 2 = rgb, 3 = grey, +8=rle 
unsigned short colorMapStart;  //First colour map entry 

unsigned short colorMapLength; //Number of colors 

unsigned char colorMapBits; //bits per palette entry 


unsigned short xstart; //image x origin 
unsigned short ystart; //image y origin 
unsigned short width; //width in pixels 
unsigned short height; //height in pixels 
GLbyte bits; //bits per pixel (8 16, 24, 32) 
GLbyte descriptor; //image descriptor 
} TGAHEADER; 


# pragma pack(8) 
GLint gltWriteTGA(const char * szFileName){ 


FILE * pFile; //File pointer 

TGAHEADER tgaHeader; //TGA file header 

unsigned long lImageSize; //Size in bytes of image 

GLbyte * pBits = NULL; //Pointer to bits 

GLint iViewport[4]; //Viewport in pixels 

GLenum lastBuffer; //Storage for the current read buffer setting 


//Get the viewport dimensions 
glGetIntegerv(GL_ VIEWPORT, iViewport); 
//How big is the image going to be (targas are tightly packed) 
lImageSize = iViewport[2] * 3 * iViewport[3]; 
//Allocate block. If this doesn't work, go home 
pBits = (GLbyte * )malloc(lImageSize); 
if(pBits == NULL) 

return 0; 
//Read bits from color buffer 
glPixelStorei(GL PACK ALIGNMENT, 1); 
glPixelStorei(GL PACK ROW_LENGTH, 0); 
glPixelStorei(GL PACK SKIP ROWS, 0); 
glPixelStorei(GL PACK SKIP PIXELS, 0); 
//Get the current read buffer setting and save it. Switch to 
//the front buffer and do the read operation. Finally, restore 
//the read buffer state 
glGetIntegerv(GL_READ BUFFER, (GLint * )&lastBuffer); 
glReadBuffer(GL_ FRONT); 
glReadPixels(0, 0, iViewport[2], iViewport[3], GL_BGR_EXT, GL_UNSIGNED BYTE, pBits); 
glReadBuffer( lastBuffer); 
//Initialize the Targa header 
tgaHeader. identsize = 0; 
tgaHeader. colorMapType = 0; 
tgaHeader. imageType = 2; 
tgaHeader. colorMapStart = 0; 
tgaHeader. colorMapLength = 0; 
tgaHeader. colorMapBits = 0; 
tgaHeader. xstart = 0; 
tgaHeader. ystart = 0; 
tgaHeader. width = iViewport[2]; 
tgaHeader. height = iViewport[3]; 
tgaHeader. bits = 24; 


tgaHeader. descriptor = 0; 
//Do byte swap for big vs littl 


#ifdef _RPPLE _ 


LITTLE_ENDIAN_WORD( &tgaHeader. 
LITTLE ENDIAN_WORD( &tgaHeader. 
LITTLE ENDIAN_WORD( &tgaHeader. 
LITTLE_ENDIAN_WORD( &tgaHeader. 
LITTLE ENDIAN_WORD( &tgaHeader. 
LITTLE ENDIAN_WORD( &tgaHeader. 


#endif 


} 


//Attempt to open the file 
pFile = 
if(pFile == NULL){ 
free(pBits); 
return 0; 
} 
//Write the header 
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e endian 


colorMapStart); 
colorMapLength); 
xstart); 
ystart); 

width) ; 

height) ; 


fopen( szFileName, "wb"); 


//Free buffer and return error 


fwrite(&tgaHeader, sizeof(TGAHEADER), 1, pFile); 


//Write the image data 
fwrite(pBits, lImageSize, 1, pl 


File); 


//Free temporary buffer and close the file 


free(pBits); 
fclose(pFile); 
//Success! 
return 1; 


iComponents, GLenum * eFormat){ 


FILE * pFile; 

TGAHEADER tgaHeader; 
unsigned long lImageSize; 
short sDepth; 


GLbyte * pBits = NULL; 
//Default/Failed values 
x*iWidth = 0; 

x* iHeight = 0; 

# eFormat = GL_ BGR_EXT; 
x* iComponents = GL_ RGB8; 


//Attempt to open the fil 

pFile = 

if(pFile == NULL) 
return NULL; 

//Read in header (binary) 


GLbyte * gltLoadTGA ( const char * szFileName, GLint * iNidth, GLint * iHeight, GLint * 


//File pointer 

//TGA file header 
//Size in bytes of image 
//Pixel depth; 
//Pointer to bits 


fopen( szFileName, "rb"); 


fread(&tgaHeader，18/ * sizeof(TGAHEADER) * /, 1, pFile); 


//Do byte swap for big vs littl 


#ifdef APPLE 


LITTLE ENDIAN_WORD(&tgaHeader 
LITTLE_ENDIAN_WORD( &tgaHeader 
LITTLE_ENDIAN_WORD( &tgaHeader 
LITTLE ENDIAN_WORD(&tgaHeader 
LITTLE ENDIAN_WORD(&tgaHeader 


e endian 


.ColorMapStart); 
.ColorMapLength); 
.xstart); 
.ystart); 

.width); 
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LITTLE ENDIAN_WORD(&tgaHeader. height) ; 
#endif 
//Get width, height, and depth of texture 
x* iNidth = tgaHeader. width; 
x* iHeight = tgaHeader. height; 
sDepth = tgaHeader. bits / 8; 
//Put some validity checks here. Very simply, I only understand 
//or care about 8, 24, or 32 bit targa's. 
if(tgaHeader. bits != 8 && tgaHeader. bits != 24 && tgaHeader. bits != 32) 
return NULL; 
//Calculate size of image buffer 
lImageSize = tgaHeader.width * tgaHeader. height * sDepth; 
//Allocate memory and check for success 
pBits = (GLbyte*x )malloc(lImageSize * sizeof(GLbyte)); 
if(pBits == NULL) 
return NULL; 
//Read in the bits 
//Check for read error. This should catch RLE or other 
//weird formats that I don't want to recognize 
if(fread(pBits, lImageSize, 1, pFile) != 1){ 
free(pBits); 
return NULL; 
} 
//Set OpenGL format expected 
switch( sDepth) { 
case 3: //Most likely case 
x*eFormat = GL BGR EXT; 
# iComponents = GL RGB8; 
break; 
case 4: 
x*eFormat = GL BGRA EXT; 
x iComponents = GL_ RGBA8; 
break; 
case 1: 
x*eFormat = GL LUMINANCE; 
# iComponents = GL _ LUMINANCE8; 
break; 
}; 
//Done with File 
fclose(pFile); 
//Return pointer to image data 
return pBits; 


有 

GLuint textureObjects; // 纹 理 对 象 
GLfloat x_t; // 移 动量 
GLfloat m_rAngle; // 旋 转角 度 


void SetupRC(){ 
GLbyte * pBytes; 
GLint iWidth, iHeight, iComponents; 
GLenum eFormat; 
die ds 
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glCullFace(GL BACK); 
glFrontFace(GL_CCW) ; 
glEnable(GL CULL FACE); 
glEnable(GL DEPTH TEST); 
// 绑 定 立 方 图 映射 对 象 
glGenTextures(1, &textureObjects); 
glBindTexture(GL TEXTURE CUBE MAP, textureObjects); 
glTexParameteri(GL TEXTURE CUBE MAP, GL, TEXTURE MAG FILTER,GL LINEAR); 
glTexParameteri(GL TEXTURE CUBE MAP, GL TEXTURE MIN FILTER,GL LINEAR); 
glTexParameteri(GL TEXTURE CUBE MAP,GL, TEXTURE WRAP_S, GL, CLAMP TO_EDGE); 
glTexParameteri(GL_ TEXTURE CUBE MAP,GL, TEXTURE WRAP T, GL CLAMP TO_EDGE); 
glTexParameteri(GL_ TEXTURE CUBE MAP,GL, TEXTURE WRAP_R, GL, CLAMP TO_EDGE); 
glTexEnvf (GL_TEXTURE ENV, GL TEXTURE ENV_ MODE,GL REPLACE); 

for(i = 0; i<6; i++){ // 加 载 纹 理 映 射 图 像 (6 幅 ) 

pBytes = gltLoadTGA( szCubeFaces[ i], &iWidth, &iHeight, &iComponents, &eFormat); 


glTexImage2D(cube[ i], 0, iComponents, iWidth, iHeight, 0, eFormat, GL_UNSIGNED BYTE, pBytes); 


free(pBytes) ; 
} 
x t=0.0; 
m rAngle=0.0; 
// 绘 制 天 空 盒 
void DrawSkyBox(void){ 

GLfloat fExtent = 15.0f; 

glBegin(GL QUADS); 
//Negative X 左面 
glTexCoord3f( -1.0f， 一 1.0f，1.0f); 
glVertex3f( - fExtent, - fExtent, fExtent); 
glTexCoord3f( —1.0f, —1.0f, —1.0f); 
glVertex3f( ~ fExtent, - fExtent， 一 fExtent); 
glTexCoord3f( — 1.0f, 1.0f, —1.0f); 
glVertex3f( - fExtent, fExtent, 一 fExtent); 
glTexCoord3f( —1.0f, 1.0f, 1.0f); 
glVertex3f( - fExtent, fExtent, fExtent); 
//Postive X 右面 
glTexCoord3f(1.0f, —1.0f, -1.0f); 
glVertex3f(fExtent, - fExtent, 一 fExtent); 
glTexCoord3f(1.0f, —1.0f, 1.0f); 
glVertex3f(fExtent, - fExtent, fExtent); 
glTexCoord3f(1.0f, 1.0f, 1.0f); 
glVertex3f(fExtent, fExtent, fExtent); 
glTexCoord3f(1.0f, 1.0f, —1.0f); 
glVertex3f(fExtent, fExtent, 一 fExtent); 
//Negative 2Z 前 面 
glTexCoord3f( —1.0f, -1.0f, —1.0f); 
glVertex3f( ~ fExtent, - fExtent, — fExtent); 
glTexCoord3f(1.0f, —1.0f, —1.0f); 
glVertex3f(fExtent, — fExtent, 一 fExtent); 
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glTexCoord3f(1.0f, 1.0f, —1.0f); 
glVertex3f(fExtent, fExtent, -— fExtent); 
glTexCoord3f( —1.0f, 1.0f, —1.0f); 
glVertex3f( - fExtent, fExtent, 一 fExtent); 
//Positive Zz 后 面 
glTexCoord3f(1.0f, —1.0f, 1.0f); 
glVertex3f(fExtent, — fExtent, fExtent); 
glTexCoord3f( —1.0f, —1.0f, 1.0f); 
glVertex3f( - fExtent, - fExtent, fExtent); 
glTexCoord3f( —1.0f, —1.0f, 1.0f); 
glVertex3f( — fExtent, fExtent, fExtent); 
glTexCoord3f( 1.0f, 1.0f, 1.0f); 
glVertex3f(fExtent, fExtent, fExtent); 
//Positive Y 上 面 
glTexCoord3f( —1.0f, 1.0f, 1.0f); 
glVertex3f( - fExtent, fExtent, fExtent); 
glTexCoord3f( —1.0f, 1.0f, —1.0f); 
glVertex3f( ~ fExtent, fExtent, - fExtent); 
glTexCoord3f(1.0f, 1.0f, —1.0f); 
glVertex3f(fExtent, fExtent, -— fExtent); 
glTexCoord3f( 1.0f, 1.0f, 1.0f); 
glVertex3f(fExtent, fExtent, fExtent); 
//Negative Y 下 面 
glTexCoord3f( -1.0f, —1.0f, —1.0f); 
glVertex3f( - fExtent, - fExtent, - fExtent); 
glTexCoord3f( —1.0f, —1.0f, 1.0f); 
glVertex3f( ~ fExtent, - fExtent, fExtent); 
glTexCoord3f(1.0f, —1.0f, 1.0f); 
glVertex3f(fExtent, - fExtent, fExtent); 
glTexCoord3f( 1.0f, —1.0f, —1.0f); 
glVertex3f(fExtent, - fExtent, — fExtent); 

glEnd(); 

) 
void RenderScene(void) { 

glClear(GL, COLOR_BUFFER BIT | GL DEPTH BUFFER_ BIT); 

glPushMatrix( ); 
// 绘 制 天 空 盒 
glDisable(GL TEXTURE GEN_S); 
glDisable(GL_ TEXTURE GEN_T); 
glDisable(GL TEXTURE GEN_R); 
DrawSkyBox( ); 
// 反 射 
glTexGeni(GL, S, GL TEXTURE GEN_MODE, GL, REFLECTION MAP); 
glTexGeni(GL T, GL_TEXTURE GEN_MODE, GL_REFLECTION MAP); 
glTexGeni(GL _R, GL_TEXTURE GEN_MODE, GL_REFLECTION MAP); 
glEnable(GL, TEXTURE GEN S); 
glEnable(GL, TEXTURE GEN_T); 
glEnable(GL TEXTURE GEN R); 
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glPushMatrix( ); 
glTranslatef(x t, 0, —3.0f); 
glRotatef(m rAngle,1.0f,0.0f,0.0f); 
glutSolidTorus(0. 40,0.45, 30, 30); // 绘 制 圆 环 
glPopMatrix(); 
glPopMatrix( ); 
glutSwapBuffers(); 
} 
void SpecialKeys( int key, int x, int y) { // 键 盘 操 作 
if(key == GLUT KEY UP) 
m_rangle+= 0.1; 
if(key == GLUT KEY DOWN) 
m rAngle—=0.1; 
if(key == GLUT KEY LEFT) 
Kt-=0,1; 
if(key == GLUT KEY RIGHT) 
x t+=0,1; 
glutPostRedisplay(); 
i 
void ChangeSize(int w, int h){ // 窗 口 改变 
GLfloat fAspect; 
if(h == 0) 
h= 1; 
glViewport(0, 0, w, h); 
fAspect = (GLfloat)w / (GLfloat)h; 
//Reset the coordinate system before modifying 
glMatrixMode( GL_PROJECTION); 
glLoadIdentity(); 
//Set the clipping volume 
gluPerspective(35. 0f, fAspect, 1.0f, 2000.0f); 
glMatrixMode( GL, MODELVIEN) ; 
glLoadIdentity(); 
} 
int main( int argc, char * argv[ ]){ 
glutInit(&argc, argv); 
glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB | GLUT_DEPTH); 
glutInitWindowSize(800,600); 
glutCreateWindow("OpenGL 立方 图 纹理 映射 "); 
glutReshapeFunc (ChangeSize); 
glutDisplayFunc (RenderScene); 
glutSpecialFunc(SpecialKeys); 
SetupRC( ); 
glutMainLoop( ); 
return 0; 


} 


运行 程序 ,效果 如 图 10. 4-2 所 示 。 可 以 通过 键盘 的 上 下 键 旋转 圆 环 和 左右 键 移动 圆 环 
来 观察 立方 图 反射 的 效果 。 
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OpenGL 立方 村 交 理 下 








图 10.4-2 立方 图 纹理 天 空 盒 及 反射 


10.5 ”OpenGL 曲线 曲面 技术 


10.5.1 绘制 二 次 曲面 


OpenGL 不 仅 支持 直线 和 平面 几何 图 形 对 象 , 也 支持 曲线 和 曲面 对 象 , 但 从 本 质 上 讲 ， 
OpenGL 中 的 曲线 曲面 仍然 是 由 直线 和 平面 构成 的 ,组 成 曲线 的 直线 段 越 短 , 则 曲线 越 平 
顺 ; 组 成 曲面 的 平面 片 越 小 , 则 曲面 越 光滑 。 在 曲线 曲面 中 , 像 球 体 、 圆 柱 体 和 圆锥 体 等 一 
类 几何 对 象 可 以 通过 二 次 方程 表示 ,所 以 ,又 称 之 为 二 次 曲面 实体 。OpenGL 的 GLU 工具 
函数 库 定 义 了 一 些 二 次 曲面 实体 的 绘制 命令 ,可 以 直接 绘制 相关 的 二 次 曲面 实体 。 

利用 GLU 库 绘制 二 次 曲面 的 一 般 步骤 如 下 : 

(1) 定义 一 个 GLUquadricObj 类 型 的 指针 变量 ,并 通过 调用 gluNewQuadric() 命 令 来 
创建 和 初始 化 一 个 二 次 曲面 对 象 为 该 指针 变量 赋值 ,代码 如 下 : 

GLUquadricObj * pObj; 

pObj = gluNewQuadric( ); 

(2) 设置 二 次 曲面 对 象 的 绘图 参数 。 使 用 下 面 的 四 个 函数 来 设置 。 

设置 曲面 绘制 方式 的 函数 为 : 














void gluQuadricDrawStyle(GLUquadricObj * pObj,GLenum drawStyle); 

其 中 ,参数 pObj 即 为 步骤 (1) 创 建 的 二 次 曲面 对 象 指针 ; drawStyle 用 于 设置 图 形 的 显 
示 风 格 , 取 如 下 值 : 

GLU_FILL 一 一 以 实体 演 染 形式 绘制 显示 

GLU_LINE 一 一 以 线 框 形式 绘制 显示 
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GLU_POINT 一 一 以 一 组 项 点 集合 的 形式 显示 
GLU_SILHOUETTE 一 一 以 轮廓 形式 显示 
指定 曲面 上 法 线 指向 表面 外 部 还 是 指向 表面 内 部 的 函数 为 : 


void gluQuadricOrientation(GLUquadricObj * pObj,GLenum orientation) ; 


其 中 ,参数 pObj 的 意义 和 取 值 同上 ; orientation 可 以 是 GLU_OUTSIDE 或 GLU_ 
INSIDE。 默 认 情 况 下 ,二 次 方程 表面 是 根据 逆 时 针 方 向 进行 环绕 , 它 的 正面 是 表面 的 外 部 。 
对 于 球体 和 圆柱 体 , 外 表面 朝向 观察 者 ; 对 于 圆 盘 , 正 面 是 沿 x 轴 正 方向 的 那个 面 。 

指定 二 次 方程 表面 几何 图 形 在 生成 时 是 否 带 有 表面 法 线 的 函数 为 : 


void gluQuadricNormals(GLUquadricObj * pObj,GLenum normals); 


其 中 ,参数 normals 的 值 为 GL_NONE( 没 有 法 线 ) .GL_SMOOTH( 为 图 像 每 个 顶点 都 
生成 法 向 量 ,为 默认 值 ) 或 GL_FLAT( 为 组 成 曲面 的 每 个 小 平面 生成 一 个 法 向 量 )。 
当 为 二 次 曲面 申请 设置 纹理 坐标 时 , 需 调用 下 面 的 函数 实现 : 


void gluQuadricTexture(GLUquadricObj * pObj,GLenum textureCoords); 


其 中 ,参数 textureCoords 取 值 为 GL_TRUE 或 GL_FALSE。 当 设置 纹理 坐标 时 , 纹 
理 沿 球体 或 圆柱 体 均 匀 环 绕 , 对 于 圆 盘 , 纹 理 中 心 应 用 到 圆 盘 中 心 , 纹 理 边缘 应 用 到 圆 盘 的 
边缘 。 

(3) 调用 二 次 曲面 绘制 命令 绘制 相应 的 二 次 曲面 对 象 。GLU 库 实 际 上 仅 提供 了 四 种 
二 次 曲面 对 象 : 球体 、 圆 盘 、 扇 形 盘 和 圆柱 。 

绘制 球体 的 函数 为 : 


void gluSphere(GLUquadricObj * pObj,GLdouble radius,GLint slices,GLint stacks); 


其 中 ,参数 pObj 的 意义 和 取 值 同上 文 ; radius 为 球 的 半径 ; slices 和 stacks 分 别 表示 
绘制 球 时 划分 的 经 线 方向 的 分 段 数 和 纬 线 方向 的 分 段 数 ,数值 越 大 ,球面 越 光滑 。 该 绘制 球 
体 的 函数 与 GLUT 库 中 绘制 球体 的 命令 基本 相同 ,只 是 多 了 一 个 二 次 曲面 的 对 象 指针 
变量 。 

绘制 圆柱 的 函数 为 : 

void gluCylinder (GLUquadricObj * pObj, GLdouble baseRadius, GLdouble topRadius, GLdouble 

height, GLint slices, GLint stacks); 

其 中 ,baseRadius 为 圆柱 的 底部 半径 ,topRadius 为 顶部 半径 ,height 为 圆柱 的 高 ,其 他 
参数 和 绘制 球 的 函数 的 参数 类 似 。 

绘制 圆 盘 的 函数 为 : 

void gluDisk (GLUquadricObj * pObj, GLdouble innerRadius, GLdouble outerRadius, GLint slices, 

GLint loops); 

其 中 ,参数 innerRadius 为 圆 盘 内 半径 ,outerRadius 为 圆 盘 外 半径 ,1loops 为 径 向 分 段 
数 , 其 他 参数 同上 文 。 如 果 内 半径 为 0, 则 表示 是 一 个 实心 圆 盘 。 

绘制 不 完整 圆 盘 即 扇形 盘 的 函数 为 : 
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void gluPartialDisk (GLUquadricObj * pObj, GLdouble innerRadius, GLdouble outerRadius, GLint 
slices, GLint loops, GLdouble startAngle, GLdouble sweepAngle); 
其 中 的 参数 与 gluDisk() 函 数 中 同名 的 参数 意义 相同 ; 参数 startAngle 为 圆 盘 缺口 的 
开始 角 , 以 角度 计 ; sweepAngle 为 扫描 的 角度 。 该 命令 绘制 一 个 中 心 在 原点 , 且 垂 直 于 


x 轴 的 不 完整 圆 盘 。 
(4) 所 有 二 次 曲线 对 象 绘制 完毕 ,调用 glDeleteQuadric() 命 令 将 指针 所 指 的 二 次 曲面 
对 象 删除 。 命 令 原型 为 ， 


void gluDeleteQuadric(GLUquadricObj * pObj); 


对 OpenGL 提供 的 这 几 种 二 次 曲面 实体 ,可 以 调用 glScale() 命 令 进行 缩放 变换 , 当 沿 
各 个 坐标 方向 的 比例 不 相等 时 ,原来 的 二 次 曲面 实体 会 发 生变 形 , 从 而 获得 需要 的 造型 。 由 
于 缩放 变换 会 导致 各 二 次 曲面 和 三 维 实体 预先 定义 的 法 向 量变 成 非 单位 向 量 , 为 避免 最 终 
的 演 染 产生 明显 失真 ,在 具体 绘图 前 , 先 调用 glIEnable() 命 令 启用 GL_NORMALIZE 功能 ， 
要 求 系统 将 变化 后 的 法 向 量 单位 化 。 

在 程序 OpenGL001 中 举例 实现 二 次 曲面 对 象 时 ,首先 在 视图 类 文件 中 定义 一 个 二 次 
曲面 对 象 的 宏 : 


# define QUADRICOBJ 40 


然后 ,在 应 用 程序 工具 栏 或 者 菜单 栏 中 设置 一 个 二 次 曲面 的 图 标 标识 ,通过 类 向 导 在 视 
图 类 中 创建 该 图 标 标识 的 消息 映射 函数 ,在 该 函数 中 设置 绘图 命令 标识 变量 m_flag 一 
QUADRICOBJ, 并 通过 InitOperation() 初 始 化 设置 绘图 窗口 。 

在 绘图 函数 RenderScene() 中 加 入 绘制 二 次 曲面 的 代码 ,其 中 的 二 次 曲面 有 球 、 圆 柱 
面 、 圆 锥 面 . 圆 盘 以 及 相应 变形 的 形状 。 代 码 放 在 最 后 一 行 的 glPopMatrix() 之 前 ,参考 
如 下 : 


if(m flag == QUADRICOBJ){ 
GLUquadricObj * pObj; 
pObj = gluNenQuadric( ); // 创 建 和 初始 化 二 次 曲面 对 象 
gluQuadricDrawStyle( pObj, GLU_FILL); 
gluQuadricOrientation(pObj, GLU_OUTSIDE); 
gluQuadricNormals( pObj, GL_SMOOTH) ; 
glEnable( GL_NORMALIZE) ; // 启 用 法 向 量 单位 化 
glPushMatrix( ); 
glTranslatef( - Win_Size/2.0,Win_Size/2.0,0.0); 
glColor3f(1. 0f,0.0f,0.0f); 
gluSphere( pObj, Win_Size/4.0,20,20); // 绘 制 球 
glPopMatrix( ); 
glPushMatrix( ); 
glTranslatef(0.0,Win Size/2.0,0.0); 
glColor3f(1. 0f,1.0f,0.0f); 
gluDisk(pObj,Win_Size/6. 0,Win_Size/4.0,20,20); // 绘 制 圆 盘 
glPopMatrix( ); 
glPushMatrix( ); 
glTranslatef (Win_Size/2.0,Win_ Size/2.0,0.0); 
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glColor3f(0. 0f,1.0f,1.0f); 
gluPartialDisk(pObj, Win_Size/6.0,Win Size/4.0,20,20,30,300); // 绘 制 扇形 盘 
glPopMatrix( ); 
glPushMatrix( ); 
glTranslatef( — Win_Size/2. 0,0,0.0); 
glColor3f(1. 0f,0.0f,0.0f); 
gluCylinder(pObj, Win_Size/5.0,Win Size/5.0, Win_Size/5.0,20,20); // 绘 制 圆柱 
glPopMatrix( ); 
glPushMatrix( ); 
glTranslatef(0.0,0.0,0.0); 
glColor3f(1. 0f,1.0f,0.0f); 


gluCylinder(pObj, Win_Size/5.0,0.0, Win Size/5.0,20,20); // 绘 制 圆锥 
glPopMatrix( ); 
glPushMatrix( ); 


glTranslatef (Win_Size/2.0,0.0,0.0); 
glColor3f(0. 0f,1.0f,1.0f); 
gluCylinder(pObj, Win_Size/5.0,Win Size/6.0, Win_Size/5.0,20,20); // 绘 制 圆锥 
glPopMatrix( ); 
glPushMatrix( ); 
glTranslatef( - Win_Size/2.0, — Win_Size/2.0,0.0); 
glColor3f(1. 0f,0. 0f,0.0f); 
glScalef(0. 5f,1. 0f,1. 0f); 
gluSphere(pObj, Win_Size/4.0,20,20); // 绘 制 橄榄 球 
glPopMatrix( ); 
glPushMatrix( ); 
glTranslatef(0.0, — Win_Size/2.0,0.0); 
glScalef(0. 5f,1. 0f,1. 0f); 
glColor3f(1. 0f,1.0f,0.0f); 
gluCylinder(pObj, Win_Size/5.0,Win_Size/5.0, Win_Size/5.0,20,20); // 绘 制 变 形 圆 柱 
glPopMatrix( ); 
glPushMatrix(); 
glTranslatef (Win_Size/2.0, - Win_Size/2.0,0.0); 
glScalef(1.0f,0.5f,1.0f); 
glColor3f(0. 0f,1. 0f, 1. 0f); 





gluDisk(pObj, Win_Size/6. 0, Win_Size/4.0,20,20); // 绘 制 变形 圆 盘 
glPopMatrix( ); 
gluDeleteQuadric(pObj); // 删 除 二 次 曲面 对 象 


10.5.2 绘制 Bézier 曲线 曲面 


1. 绘制 Bézier 曲线 
OpenGL 除了 绘制 二 次 曲面 外 ,还 可 以 绘制 Bezier 样 条 曲线 曲面 。 在 绘制 Bezier 曲线 





曲面 时 ,首先 调用 一 个 求 值 器 函数 ,将 所 给 的 Bezier 曲线 曲面 的 控制 顶点 进行 映射 ,并 为 下 
一 步 创 建生 成 曲线 曲面 上 的 点 做 好 准备 。 绘 制 Bezier 曲线 调用 的 求 值 器 函数 为 glIMap1()， 
该 函数 原型 为 : 


void glMapld/f( GLenum target, Type ul, Type u2, GLint stride, GLint order, const Type * points); 
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其 中 ,参数 target 为 该 求 值 器 所 产生 的 数值 类 型 , 它 可 以 是 表 10. 5-1 中 的 9 个 枚 举 常 
量 之 一 ,假设 控制 项 点 坐标 为 (x,y,z) 形 式 , 则 设置 target 为 GL_MAP1_VERTEX3; 参数 
ul、u2 为 Bezier 曲线 参数 变量 u 的 下 限 和 上 限 , 要 求 ul 二 u2, 理 论 上 ,这 两 个 值 应 分 别 取 值 
0 和 1, 在 OpenGL 中 ,可 以 是 任何 区 间 的 数值 ; 参数 stride 用 于 指出 控制 顶点 数组 points 
中 相 邻 点 之 间 的 数据 间距 , 当 控 制 顶点 为 (x,y,z) 形 式 时 , 则 间距 取 3; 参数 order 为 曲线 控 
制 点 的 个 数 ; 参数 points 为 控制 项 点 数组 的 首 地 址 。 
表 10.5-1 求 值 器 所 产生 的 数值 类 型 

意 义 
控制 顶点 由 3 个 实数 构成 , 求 值 器 将 产生 内 部 的 glVertex3 值 
控制 顶点 由 4 个 实数 构成 , 求 值 器 将 产生 内 部 的 glVertex4 值 
控制 顶点 是 一 个 表示 颜色 索引 的 实数 , 求 值 器 将 产生 内 部 的 
glIndex 值 
控制 顶点 由 4 个 表示 颜色 的 实数 构成 , 求 值 器 将 产生 内 部 的 
glColor4 值 
控制 顶点 为 3 个 表示 法 向 量 的 实数 , 求 值 器 将 产生 glNormal 值 





枚 举 常 量 
GL_MAP1_VERTEX 3 
GL_MAP1_VERTEX_4 











GL_MAP1_INDEX 





GL_MAP1_COLOR _4 





GL_MAP1_NORMAL 





GL_MAP1_TEXTURE_COORD 1 


控制 顶点 为 纹理 坐标 的 单一 实数 , 求 值 器 将 产生 glTexCoord1 值 





GL_MAP1_TEXTURE COORD 2 


控制 顶点 为 纹理 坐标 的 两 个 实数 , 求 值 器 将 产生 glTexCoord2 值 





GL_MAP1_TEXTURE_COORD 3 


控制 顶点 为 纹理 坐标 的 3 个 实数 , 求 值 器 将 产生 glTexCoordl 值 





GL_MAP1_TEXTURE_COORD 4 





控制 顶点 为 纹理 坐标 的 4 个 实数 , 求 值 器 将 产生 glTexCoord4 值 


利用 求 值 器 创建 映射 后 ,必须 利用 GL_MAP1_VERTEX_3 作为 参数 值 调用 glEnable() 
命令 ,才能 启用 求 值 器 生成 曲线 上 的 点 。 

根据 求 值 器 创建 的 曲线 上 点 绘制 Bezier 曲线 有 两 种 方法 。 第 一 种 方法 是 利用 绘制 折 
线 的 方式 绘制 曲线 : 将 曲线 分 成 多 个 区 间 ,将 区 间 点 连 起 来 , 当 分 点 比较 多 时 , 绘 出 的 将 是 
一 条 光滑 的 曲线 。 曲 线 上 区 间 点 通过 调用 glEvalCoordlf() 命 令 生 成 ,该 命令 原型 为 : 


void glEvalCoord1X(TYpe u) 


其 中 ,X 为 d、f、dv 或 者 fv, 用 于 指定 参数 u 的 数据 类 型 。 该 函数 通过 遍历 曲线 的 定义 
域 的 参数 值 生成 曲线 上 的 点 ,因此 ,参数 u 为 曲线 定义 域内 的 参数 值 ,在 求 值 器 gIMapl() 中 
设 定 的 ul、u2 区 间 中 。 假 设 ul、u2 区 间 为 [0,1], 划 分 50 个 区 间 , 则 利用 折线 段 方 法 绘制 
Bezier 的 代码 可 参考 如 下 : 

glBegin(GL_LINE_STRIP) ; 

for(int i=0;i<50;i++) 
glEvalCoord1f(i/50.0); 

glEnd(); 

根据 求 值 器 创建 的 曲线 上 点 绘制 Bezier 曲线 的 第 二 种 方法 是 调用 gIMapGrid() 函 数 设 
置 一 个 网 格 ,对 于 绘制 曲线 来 说 ,只 是 在 一 个 参数 方向 上 形成 一 维 网 格 ,函数 原型 为 : 


void glMapGrid1X(GLint n, Type ul, Type u2); 


其 中 ,X 为 d 或 者 f, 用 于 指定 ul、u2 的 数据 类 型 ; 参数 n 为 网 格 分 段 数 ; ul、u2 为 参数 
定义 域 的 下 限 和 上 限 。 
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然后 ,调用 glEvalMesh() 函 数 连接 各 网 格 点 ,产生 Bezier 曲线 ,函数 原型 为 : 
void glEvalMesh( GLenum mode, GLint pl, GLint p2); 


其 中 ,参数 mode 的 值 可 以 是 GL_POINT 或 者 GL_LINE, 取 决 于 想 沿 这 条 曲线 绘制 点 
还 是 绘制 相连 的 直线 ; pl、p2 分 别 为 绘制 的 起 始 段 和 终止 段 。 

利用 第 二 种 方法 也 可 以 绘制 一 条 Bezier 曲线 。 

在 程序 OpenGL001 中 绘制 Bezier 曲线 ,可 以 通过 鼠标 在 屏幕 坐标 系 拾取 控制 顶点 , 然 
后 再 绘制 曲线 。 首 先 , 在 视图 类 文件 中 定义 一 个 绘制 Bezier 曲线 的 宏 : 


# define BEZIERLINE 41 


然后 ,在 应 用 程序 工具 栏 或 者 菜单 栏 中 设置 一 个 绘制 Bezier 曲线 的 图 标 标 识 , 通 过 类 
向 导 在 视图 类 中 创建 该 图 标 标识 的 消息 映射 函数 ,在 该 函数 中 设置 绘图 命令 标识 变量 
m_flag 王 BEZIERLINE, 并 通过 InitOperation() 初 始 化 设置 绘图 窗口 。 

由 于 在 屏幕 上 交互 拾取 控制 项 点 ,所 以 在 单 击 函 数 OnLButtonDown() 中 拾取 点 ,同时 
对 拾取 的 点 集合 调用 求 值 器 命令 进行 曲线 点 映射 。 该 函数 代码 如 下 : 


void COpenGL001View: :OnLButtonDown(UINT nFlags, CPoint point) { 
if(m Rflag== 1&&(m flag == BEZIERLINE) ){ // 拾 取 点 ,并 转换 为 绘图 点 
GLPoint Pt; 
if(aspect ratio<1){ 
Pt.x= (point. x— this— > winWidth)/winWidth * Win_Size; 
Pt.y= (this -> winHeight ~ point. y)/winHeight/aspect_ratio*x Win Size; 
Pt.z=0.0; 
} 
else{ 
Pt.x= (point. x— this— > winWidth) /winWidth * aspect_ratio * Win_Size; 
Pt.y= (this—> winHeight ~ point. y)/winHeight * Win_Size; 
Pt.z=0.0; 
} 
m_ Point Array. Add(Pt); 
if(m flag== BEZIERLINE){ 
int Pt Num= m Point Array.GetSize(); 
if(Pt_ Nom>1) { // 从 拾取 点 构造 控制 顶点 
GLPoint pt; 
GLfloat ( * quad)[3]; 
quad = new GLfloat[Pt_Num][3]; 
for(int i=0;i<Pt Num;i++){ 
pt=m Point Array.GetAt(i); 
pt.z=0.0; 
quad[i][0] = pt.x; 
quad[i][1] = pt.y; 
quad[i][2] = pt.z; 
} 
// 调 用 求 值 器 
glMaplf (GL MAP1 VERTEX 3,0.0,1.0,3,Pt Num, &quad[0][0]); 
delete [ ]quad; 
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} 
Invalidate( ); 
} 
//( 原 有 代码 ,此 处 省 略 ) 
} 


在 绘图 函数 RenderScene() 中 加 入 绘制 Bézier 曲线 的 代码 ,使 用 的 是 第 二 种 绘制 Bézier 
曲面 的 方法 。 代 码 放 在 最 后 一 行 的 glPopMatrix() 之 前 ,参考 如 下 : 


if(m flag == BEZIERLINE) { 
if(m Point Array.GetSize()>1){ 


glEnable(GL MAP1 VERTEX 3); // 启 用 求 值 器 
glMapGridld(100,0.0,1.0); // 创 建 一 维 网 格 
glEvalMesh1(GL_LINE,0,100); // 绘 制 一 维 网 格 , 即 BEzier 曲线 
} 
} 
运行 程序 , 单 击 绘制 Bezier 曲线 图 标 后 ,在 屏幕 上 拾取 点 作为 曲线 的 控制 顶点 , 当 点 集 


数量 超过 2 个 后 , 即 在 屏幕 上 绘制 一 条 Bezier 曲线 。 

2. 绘制 Btzier 曲面 

OpenGL 绘制 Bezier 曲面 的 方法 和 绘制 Bezier 曲线 的 方法 相同 ,第 一 步 也 是 将 绘制 的 
曲面 的 控制 顶点 通过 求 值 器 映射 曲面 上 点 。 二 维 求 值 器 命令 的 原型 为 : 

void glMap2d/f(GLenum target,TYpe ul,TYpe u2, GLint ustride, GLint uorder, Type v1, Type v2, GLint 

vstride, GLint vorder, const Type * points); 

该 命令 的 大 部 分 参数 和 glMapld/fO 〇 命令 中 的 含义 相同 。 参 数 v1 、v2 为 曲面 在 v 向 变 
量 的 参数 值 下 限 和 上 限 。vstride 为 v 向 同一 u 参数 值 在 控制 项 点 数组 points 中 相 邻 点 之 
间 的 数据 间距 ,假定 每 个 项 点 用 (x,y,z) 表 示 , 曲 面 在 u 向 的 控制 顶点 为 u_num。 则 v 向 控 
制 点 数据 的 间距 为 3* u_num, 参 数 points 为 绘制 曲面 的 控制 顶点 网 格 数组 的 首 地 址 , 当 顶 


同样 ,利用 求 值 器 创建 控制 顶点 和 曲面 上 点 映射 后 ,必须 利用 GL_MAP2_VERTEX_3 
作为 参数 值 调用 glIEnable() 命 令 ,才能 启用 求 值 器 生成 曲面 上 的 点 。 

当 考 虑 绘制 的 曲面 具有 真实 感光 照 效果 时 ,需要 为 构成 曲面 的 每 一 个 小 平面 指定 法 向 
量 。OpenGL 提供 了 自动 法 向 量 生成 功能 .程序 利用 GL_AUTO_NORMAL 作为 常量 值 调 
用 glEnable() 命 令 即 可 。 

根据 求 值 器 创建 的 曲面 上 的 点 绘制 Bezier 曲面 时 , 像 绘 制 Bezier 曲线 一 样 ,调用 
glMapGrid2() 函 数 设置 一 个 网 格 ,在 参数 uv 方向 上 形成 二 维 网 格 。 函 数 原 型 为 : 


void glMapGrid2X(GLint un, Type ul, Type u2, GLint vn, Type v1, Type v2); 


其 中 ,参数 un 和 vn 分 别 为 网 格 在 u 向 和 v 向 的 分 段 数 ,vl、v2 分 别 为 v 向 参数 定义 域 
的 下 限 和 上 限 ,其 他 和 glMapGrid1X() 中 的 同名 参数 意义 相同 。 
然后 ,调用 glEvalMesh2() 函 数 连 接 网 格 各 面 片 ,产生 Bézier 曲面 。 函 数 原 型 为 : 


void glEvaMesh2 (GLenum mode, GLint il1,GLint i2,GLint jl,GLint j2); 
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u 方 向 


中 ,参数 mode 指定 绘制 模式 , 取 值 可 以 为 GL_FILL 或 者 GL_LINE; 参数 il \i2 为 
的 网 格 的 范围 值 ; jl \j2 为 v 方 向 的 网 格 范围 值 。 


这 样 就 可 以 绘制 一 个 Bezier 曲面 。 
在 程序 OpenGL001 中 绘制 Bézier 曲面 时 ,可 以 将 绘制 Bézier 曲线 的 控制 项 点 沿 着 


>z 轴 方 


向 平移 一 段 距离 ,获得 一 组 或 多 组 新 的 控制 项 点 ,利用 这 几 组 控制 顶点 创建 Bézier 曲 


面 。 例 如 ,在 x 轴 得 到 一 组 新 控制 顶点 , 则 先后 两 组 控制 顶点 可 以 创建 v 向 二 阶 的 Bezier 


曲面 。 


首先 ,在 视图 类 文件 中 定义 一 个 绘制 Bezier 曲面 的 宏 : 


# 


define BEZIERSURF 42 


然后 ,在 应 用 程序 工具 栏 或 者 菜单 栏 中 设置 一 个 绘制 Bezier 曲面 的 图 标 标 识 ,通过 类 
向 导 在 视图 类 中 创建 该 图 标 标识 的 消息 映射 函数 ,例如 为 OnBezierSurf() ,在 该 函数 中 设置 
绘图 命令 标识 变量 m_flag 二 BEZIERSURF ,并 创建 曲面 控制 顶点 网 格 和 调用 求 值 器 命令 。 
代码 如 下 : 


void COpenGL001View: :OnBézierSurf() { 


上 


m_flag = BEZIERSURF 
glEnable(GL_MRP2_VERTEX 3) ; // 启 用 求 值 器 
glEnable(GL_RUTO_NORMRL) ; // 启 用 自动 法 向 量 生成 功能 
int Pt_Num = m Point Array.GetSize(); 
证 (Pt_Num>1) {// 创 建 曲 面 控制 顶点 网 格 
GLPoint pt; 
GLfloat ( * quad)[3]; 
quad = new GLfloat[Pt_Num * 2][3]; 
for(int i=0;i<Pt Num;i++){ 
pt=m Point Array.GetAt(i); 
pt.z=0.0; 
guad[ i][0] = pt. x; 
quad[i][1] = pt.y; 
quad[ i][2] = pt. 2z; 
Pt:s”=1.0; 
quad[i+Pt Num][0] = pt.x; 
quad[i+Pt Num][1] = pt.y; 
quad[i+Pt Num][2] = pt.z; 
} 
// 调 用 求 值 器 
glMap2f(GL MAP2 VERTEX 3,0,1,3,Pt Num,0,1,Pt Num* 3,2, &quad[0][0]); 
delete [ ]quad; 
} 
m_rAngle = 20.0; // 将 坐标 系 旋转 一 定 角度 , 以便 显示 立体 感 
Invalidate( ); 


在 绘图 函数 RenderScene() 中 加 入 绘制 Bezier 曲面 的 代码 ,此 代码 放 在 最 后 一 行 的 
glPopMatrix() 之 前 ,参考 如 下 : 
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if(m flag== BEZIERSURF){ 
if(m Point Array.GetSize()>1){ 
glMapGrid2f(50,0.0,1.0,10,0,1.0); // 设 置 曲面 网 格 
glEvalMesh2(GL LINE, 0, 50, 0, 50); // 网 格 绘制 


} 

运行 程序 ,在 绘制 Beizier 曲线 后 , 单 击 绘制 Bézier 曲面 命令 , 即 可 实现 绘制 。 将 网 络 绘 
制 函 数 glEvalMesh2(GL_LINE.,0,50,0,50) 中 的 GL_LINE 修改 为 GL_FILL 常量 ,曲面 由 
网 格 线 显示 改变 为 实体 泻 染 显示 。 


10.5.3 绘制 NURBS 曲线 曲面 


1. 绘制 NURBS 曲线 

OpenGL 绘制 NURBS 曲线 曲面 的 功能 由 GLU 库 提 供 , 当 获得 了 一 组 绘制 NURBS 曲 
线 的 控制 顶点 后 ,采用 下 面 的 步骤 绘制 NURBS 曲线 。 

第 一 步 : 创建 一 个 NURBS 对 象 。 定 义 一 个 NURBS 对 象 类 型 的 指针 变量 ,并 创建 和 
初始 化 ,代码 如 下 : 

GLUnurbsObj * pNurb; 

pNurb = gluNewNurbsRenderer( ); 

第 二 步 : 设置 NURBS 对 象 的 一 些 属性 ,对 于 NURBS 曲线 可 以 采用 默认 的 属性 值 。 

第 三 步 : 绘制 NURBS 曲线 。 绘 制 NURBS 曲线 必须 在 gluBeginCurve ( ) 和 
gluEndCurve() 命 令 对 之 间 进 行 ,这 两 个 命令 的 原型 分 别 为 : 

void gluBeginCurve( GLUnurbsObj * pNurb); 

void gluEndCurve(GLUnurbsObj * pNurb); 

它们 的 参数 pNurb 为 指向 NURBS 对 象 的 指针 。 具 体 的 绘制 曲线 的 工作 由 命令 
gluNurbsCurve() 来 完成 ,该 命令 的 原型 为 : 

void gluNurbsCurve( GLUnurbsObj * pNurb, GLint nknots, GLfloat * knot, GLint stride, GLfloat * 

ctrlarray, GLint order, GLenum type); 

其 中 ,参数 pNurb 为 一 个 指向 NURBS 对 象 的 指针 ; 参数 nknots 为 节点 数组 的 长 度 ; 
knot 为 节点 数组 的 首 地 址 ; stride 为 每 个 控制 顶点 在 控制 顶点 数组 的 间距 ; ctrlarray 为 控 
制 顶点 数组 的 首 地 址 ; order 为 NURBS 曲线 的 阶 数 ; type 为 NURBS 对 象 的 数据 类 型 , 值 
为 GL_MAP1_VERTEX_3 或 者 GL_MAP]1 COLOR _4。 

第 四 步 : 删除 NURBS 对 象 。 

当 不 再 需要 某 个 NURBS 对 象 时 ,可 以 调用 glDeleteNurbsRenderer() 命 令 删 除 该 对 
象 ,以 将 所 占用 的 内 存 返 还 给 系统 ,函数 原型 为 : 


Void glDeleteNurbsRenderer(GLUnurbsObj * pNurb); 


在 程序 OpenGL001 中 绘制 NURBS 曲线 时 ,可 以 像 绘制 Bézier 曲线 一 样 ,首先 通过 鼠 
标 在 屏幕 坐标 系 拾取 控制 顶点 ,然后 再 绘制 曲线 。 
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首先 ,在 视图 类 文件 中 定义 一 个 绘制 NURBS 曲线 的 宏 : 

#define NURBSLINE 43 

在 视图 类 COpenGL001View 中 定义 NURBS 对 象 指 针 : 

GLUnurbsObj * pNurb; //NURBS 对 象 

并 在 COpenGL001View 的 构造 函数 COpenGL001View() 中 创建 和 初始 化 NURBS 
对 象 ; 

pNurb = gluNewNurbsRenderer( ); // 创 建 NURBS 对 象 

在 COpenGL001View 的 析 构 函数 COpenGL001View() 中 删除 NURBS 对 象 指针 

gluDeleteNurbsRenderer (pNurb); // 删 除 NURBS 对 象 


在 应 用 程序 工具 栏 或 者 菜单 栏 中 设置 一 个 绘制 NURBS 曲线 的 图 标 标 识 ,通过 类 向 导 
在 视图 类 中 创建 该 标识 的 消息 映射 函数 ,在 该 函数 中 设置 绘图 命令 标识 变量 为 ; 


m_flag = NURBSSPLINE 
由 于 NURBS 的 控制 项 点 也 是 通过 鼠标 在 屏幕 通过 交互 拾取 获得 ,因此 ,在 单 击 函数 


OnLButtonDown() 中 ,将 拾取 条 件 的 代码 修改 为 在 绘制 NURBS 曲线 时 也 可 以 拾取 屏幕 
点 , 即 为 : 





if(m_ Rflag == 1&&(m flag== BEZIERLINE| |m_flag== NURBSLINE)) 


在 绘图 函数 RenderScene() 中 加 入 绘制 NURBS 曲线 的 代码 ,由 于 拾取 的 控制 顶点 的 
数量 可 能 多 也 可 能 少 ,所 以 ,绘制 的 NURBS 曲线 的 次 数 可 以 不 相同 。 当 拾取 两 个 控制 顶点 
时 ,绘制 二 阶 NURBS 曲线 ; 当 拾取 三 个 控制 顶点 时 ,绘制 三 阶 NURBS 曲线 ; 当 拾取 四 个 
及 以 上 数量 的 控制 顶点 时 , 均 绘 制 工程 上 常用 的 四 阶 NURBS 曲线 。 节 点 数组 knots 在 两 端 
重复 度 为 曲线 的 阶 数 4, 中 间 重 复 度 均 为 1。 绘制 曲线 代码 放 在 最 后 一 行 的 glPopMatrix() 之 
前 ,参考 如 下 : 


if(m flag== NURBSLINE){ 
int Pt_Num = m Point Array. GetSize(); 
if(Pt Num>1) { 
// 建 立 控制 顶点 数组 
GLPoint pt; 
GLfloat ( * ctrlPoints)[3]; 
GLfloat * Knots; // 节 点 数组 
ctrlPoints = new GLfloat[Pt_Num][3]; 
for(int i=0;i<Pt Num;i++){ 
pt=m Point Array.GetAt(i); 
pt.z= 0.0; 
ctrlPoints[i][0] = pt.x; 
ctrlPoints[i][1] = pt.y; 
ctrlPoints[i][2] = pt.z; 
} 
// 建 立 节点 数组 
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if(Pt_Num==2){ // 一 次 NURBS 
Knots = new GLfloat[Pt Num+2]; 
for(i=0;i<Pt Num+2;i++){ 
if(i<2) 
Knots[i]=0; 
else 
Knots[i]=1; 
} 
// 绘 制 二 阶 (一 次 )NURBS 曲线 
gluBeginCurve(pNurb); 
gluNurbsCurve(pNurb, 4, Knots, 3, &ctrlPoints[0][0],2,GL MAP1 VERTEX 3); 
gluEndCurve( pNurb); 
delete [ ]Knots; 
} 
if(Pt_Num== 3){ // 二 次 NURBS 
Knots = new GLfloat[Pt_ Num+ 3]; 
// 利 用 准 均匀 节点 数组 两 端 节点 重复 度 3, 中 间 重 复 度 1 
for(i=0;i<Pt Num+ 3;i++){ 
if(i<3) 
Knots[i] = 0; 
else if(i>= 3&&i<= Pt Num) 
Knots[i]=i-2; 
else 
Knots[i] =Pt Num— 2; 
} 
// 绘 制 三 阶 (二 次 )NURBS 曲线 
gluBeginCurve( pNurb); 
gluNurbsCurve(pNurb, Pt_Num + 3, Knots, 3, &ctrlPoints[0][0],3,GL MAP1 VERTEX 3); 
gluEndCurve( pNurb); 
delete [ ]Knots; 
人 
if(Pt_ Num>3){ // 三 次 NURBS 
Knots = new GLfloat[Pt_Num+ 4]; 
// 利 用 准 均匀 节点 数组 两 端 节点 重复 度 4, 中 间 重 复 度 1 
for(i=0;i<Pt Num+ 4;i++){ 
if(i<4) 
Knots[i] =0; 
else if(i>= 4g&i<=Pt_ Num) 
Knots[i]=i-3; 
else 
Knots[i] = Pt_Num— 3; 
} 
// 绘 制 四 阶 (三 次 )NURBS 曲线 
gluBeginCurve(pNurb); 
gluNurbsCurve(pNurb, Pt_Num + 4, Knots, 3, gctrlPoints[0][0],4,GL MAP1 VERTEX 3); 
gluEndCurve( pNurb); 
delete [ ]Knots; 
} 
delete []ctrlPoints; 
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执行 应 用 程序 , 单 击 绘制 NURBS 曲线 命令 ,在 屏幕 上 拾取 点 ,可 以 实时 绘制 一 条 通过 


首 未 拾取 点 的 NURBS 曲线 。 


2. 绘制 NURBS 曲面 
OpenGL 绘制 NURBS 曲面 的 步骤 和 绘制 NURBS 曲线 的 相同 ,也 需要 创建 NURBS 


对 象 等 。 对 于 曲面 绘制 ,在 绘制 前 非常 有 必要 设置 NURBS 对 象 的 属性 。 设 置 NURBS 对 


象 





属性 需要 调用 GLU 库 中 的 gluNurbsProperty() 命 令 , 该 命令 的 原型 为 ; 
void gluNurbsProperty(GLUnurbsObj * nobj, GLenum property,GLfloat value); 


其 中 ,参数 nobj 为 指向 NURBS 对 象 的 指针 ; property 为 要 设置 的 属性 ,该 参数 值 可 如 


























表 10. 5-2 所 示 ; 参数 value 用 于 给 出 所 设置 属性 的 值 ,该 参数 可 以 是 一 个 数值 ,也 可 以 是 
表 10. 5-3 中 的 一 个 枚 举 常量 。 
表 10.5-2 NURBS 属性 
枚 举 常 量 意 义 
GLU_SAMPLING_TOLERANCE 采样 容 差 ( 以 像素 计 ) ,默认 值 为 50.0 
GLU_DISPLAY_MODE NURBS 曲面 的 泻 染 方法 
GLU_CULLING 指出 是 否 使 用 镶嵌 
GLU_AUTO_LOAD_MATRIX 指出 是 否 从 服务 器 下 载 投影 、 模 型 视图 矩阵 及 视 口 
GLU_PARAMETRIC_TOLERANCE 最 大 采样 距离 (以 像素 计 ) ,默认 值 为 0.5 
GLU_SAMPLING_METHOD NURBS 曲面 的 镶 赂 方法 
GLU_U_STEP u 方 向 每 个 单位 长 度 上 的 采样 点 数 
GLU_V_STEP v 方 向 每 个 单位 长 度 上 的 采样 点 数 





表 10.5-3 value 参数 值 











枚 举 常 量 意 义 
GLU_FILL 曲面 以 多 边 形 形 式 泻 染 
GLU_OUTLINE_POLYGON 仅 绘制 多 边 形 外 框 
GLU_OUTLINE_PATCH 仅 绘制 用 户 定义 的 片段 和 修剪 曲线 的 外 框 





GLU_PATH_LENGTH 


指出 多 边 形 边 缘 的 最 大 长 度 , 所 泻 染 的 表面 不 大 于 GLU _ 
SAMPLING_TOLERANCE 所 指定 的 值 





GLU_PARAMETRIC_ERROR | 指出 表面 利用 GLU_PARAMETRIC_TOLERANCE 所 指定 值 泻 染 








GLU_DOMAIN_DISTANCE 指定 u 方 向 和 wv 方向 的 单位 采样 点 个 数 ( 以 参数 坐标 计 ) 


绘制 NURBS 曲面 的 函数 需要 放 在 gluBeginSurface() 和 gluEndSurface() 两 个 命令 之 


间 进 行 ,这 两 个 函数 的 原型 为 : 


void gluBeginSurface(GLUnurbsObj * nobj); 

void gluEndSurface(GLUnurbsObj * nobj); 

其 中 ,参数 nobj 为 NURBS 对 象 的 指针 。 

绘制 NURBS 曲面 的 函数 为 gluNurbsSurface() ,该 函数 原型 为 : 














void gluNurbsSurface(GLUnurbsObj * nobj,GLint sknot count,GLfloat * sknot,GLint tknot count, 
GLfloat * tknot,GLint s_stride,GLint t stride,GLfloat * ctrlarray,GLint sorder,GLint torder, 
GLenunm type); 
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ou 














其 中 ,参数 nobj 为 NURBS 对 象 的 指针 ; 参数 sknot_count 和 tknot_count 分 别 为 u 向 
和 vy 向 的 节点 数组 长 度 ; 参数 sknot 和 tknot 分 别 为 u 向 和 v 向 的 节点 数组 ; 参数 ctrlarray 
为 曲面 的 控制 顶点 网 格 数组 ; 参数 s_stride 和 t_stride 分 别 为 控制 顶点 数组 ctrlarray 在 u 
向 和 v 向 的 对 应 数据 间距 ,假设 在 控制 顶点 以 (x,y,z) 表 示 , 在 u 向 的 控制 项 点数 为 num, 则 
s_stride 值 为 3,t_stride 值 为 num x* 3; sorder 和 torder 分 别 为 曲面 在 u 向 和 v 向 的 阶 数 ; 
参数 type 为 曲面 类 型 ,其 取 值 为 GL_MAP2_ VERTEX_3 或 者 GL_MAP2_COLOR _4。 

在 程序 OpenGL001 中 绘制 NURBS 曲面 时 ,可 以 在 已 绘制 的 NURBS 曲线 的 基础 上 绘 
制 NURBS 曲面 。 为 了 获得 NURBS 曲面 的 控制 顶点 网 格 ,将 绘制 NURBS 曲线 的 控制 顶 
点 沿 着 = 轴 方 向 平移 一 段 距离 ,获得 一 组 或 多 组 新 的 控制 顶点 ,利用 这 几 组 控制 顶点 形成 的 
控制 顶点 网 格 创建 NURBS 曲面 。 例 如 ,将 控制 顶点 在 x 轴 方向 平移 三 次 得 到 三 组 新 的 控 
制 顶点 ,这样 加 上 原 有 的 控制 顶点 组 ,在 v 向 有 四 组 控制 项 点 ,就 可 以 创建 v 向 四 阶 的 
NURBS 曲面 。 

首先 ,在 视图 类 文件 中 定义 一 个 绘制 NURBS 曲面 的 宏 : 


# define NURBSSURF 44 


在 视图 类 COpenGL001View 中 定义 NURBS 对 象 指针 





GLUnurbsObj * pNurb Surf; //NURBS 对 象 _ 曲面 


并 在 COpenGL001View 的 构造 函数 COpenGL001View() 中 创建 和 初始 化 NURBS 对 
象 并 同时 设置 对 应 NURBS 对 象 的 相关 属性 : 
PNurb_Surf = gluNewNurbsRenderer( ); // 创 建 NURBS 对 象 


gluNurbsProperty(pNurb_Surf, GLU_SAMPLING_TOLERANCE, 20.f); ”// 设 置 属性 
gluNurbsProperty(pNurb_ Surf, GLU_DISPLAY MODE,GLfloat(GLU FILL)); 


在 COpenGL001View 的 析 构 函数 COpenGL001ViewO 〇 中 删除 NURBS 对 象 指针 : 
gluDeleteNurbsRenderer(pNurb_Surf); // 删 除 NURBS 对 象 


然后 ,在 应 用 程序 工具 栏 或 者 菜单 栏 中 设置 一 个 绘制 NURBS 曲面 的 图 标 标识 ,通过 类 
向 导 在 视图 类 中 创建 该 标识 的 消息 映射 函数 ,例如 为 OnNurbsSurf() ,在 该 函数 中 设置 绘图 
命令 标识 变量 及 启用 自动 法 向 量 计算 ,代码 如 下 : 

void COpenGL001View: :OnNurbsSurf() { 

m_flag = NURBSSURF; 
glEnable(GL_AUTO_NORMAL); 
Invalidate( ); 

. 

m flag = NURBSSURF; 

glEnable(GL_AUTO_NORMAL); 

在 绘图 函数 RenderScene() 中 加 入 绘制 NURBS 曲面 的 代码 ,曲面 在 u 向 的 阶 数 和 绘 
制 的 NURBS 曲线 的 阶 数 的 设置 方法 相同 ,v 向 也 为 四 阶 ,v 向 节点 数组 tknots 在 两 端 重复 
度 为 v 向 的 阶 数 4, 中 间 重 复 度 均 为 1。 代 码 放 在 最 后 一 行 的 glPopMatrix() 之 前 ,参考 
如 下 : 





if(m flag == NURBSSURE){ 
int Pt Num= m Point Array.GetSize(); 
if(Pt Num>1){ 
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// 建 立 控制 顶点 数组 

GLPoint pt; 

GLfloat (* ctrlPoints)[3]; // 控 制 顶点 数组 

GLfloat * Knots; // 节 点 数组 

GLfloat Knott[8] = {0. 0f,0.0f,0.0f,0.0f,1.0f,1.0f,1.0f,1.0f}; //v 向 节点 数组 
ctrlPoints = new GLfloat[Pt_Num* 4][3]; // 动 态 设置 控制 顶点 数组 长 度 


for(int i=0;i<Pt Nom;i++){ 
pt=m Point Array.GetAt(i); 
pt.z=0.0; 
ctrlPoints[i][0] = pt.x; 
ctrlPoints[i][1] = pt.y; 
ctrlPoints[i][2] = pt.z; 
pt.z=0.33*Win Size; 
ctrlPoints[i+Pt Num][0] = pt. x; 
ctrlPoints[i+Pt Num][1] = pt.y; 
ctrlPoints[i+Pt Num][2] = pt.z; 
pt.z=0.65* Win Size; 


ctrlPoints[i+ Pt Num* 2][0] =pt. 
ctrlPoints[i+ Pt Num* 2][1] =pt. 
ctrlPoints[i+Pt Num* 2][2] = pt. 


pt.z=1.0xWin Size; 


ctrlPoints[i+ Pt Num* 3][0] =pt. 
ctrlPoints[i+ Pt_Numx 3][1] = pt. 
ctrlPoints[i+ Pt Numx 3][2] = pt. 


} 
if(Pt_ Num== 2){ 
Knots = new GLfloat[Pt_Num+ 2]; 
for(i=0;i<Pt Nom+2;i++){ 
if(i<2) 
Knots[i] =0; 
else 
Knots[i]=1; 
} 
gluBeginSurface(pNurb_Surf); 


xX; 
Y7 
Z7 


XxX; 
Y7 
2 


// 沿 z 轴 平 移 一 个 距离 ,获得 新 控制 顶点 


// 沿 z 轴 平 移 一 个 距离 ,获得 新 控制 顶点 


// 沿 z 轴 平 移 一 个 距离 ,获得 新 控制 顶点 


// 一 次 NURBS 


// 建 立 u 向 节点 数组 


gluNurbsSurface( pNurb_Surf, 4, Knots, 8, Knott, 3, Pt_Num * 3, &ctrlPoi nts[0][0],2, 


4,GL MAP2 VERTEX 3); 
gluEndSurface(pNurb_Surf); 
delete [ ]Knots; 

} 
if(Pt_Nom== 3){ 
Knots = new GLfloat[Pt_Num+ 3]; 


// 二 次 NURBS 


// 利 用 准 均 匀 节 点 向 量 两 端 节点 重复 度 3, 中 间 重 复 度 1 


for(i=0;i<Pt Num+ 3;i++){ 
A 
Knots[i] = 0; 
else if(i>= 3&&i<Pt Num) 
Knots[i] =i-2; 
else 


// 建 立 u 向 节点 数组 
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Knots[i] =Pt Num 一 27 
} 
gluBeginSurface(pNurb_Surf); 
gluNurbsSurface( pNurb_Surf, 6, Knots, 8, Knott, 3, Pt_Num * 3, &ctrlPoi nts[0][0],3, 
4,GL MAP2 VERTEX 3); 
gluEndSurface(pNurb_Surf); 
delete [ ]Knots; 
} 
if(Pt_Num>3){// 三 次 NURBS 
Knots = new GLfloat[Pt Num+ 4]; 
// 利 用 准 均匀 节点 向 量 两 端 节点 重复 度 m+ 1, 中 间 重 复 度 小 于 m 
for(i=0;i<Pt Num+4;i++){ 
if(i<4) 
Knots[i]=0; 
else if(i>= 4&&i<Pt Num) 
Knots[i]=i-3; 
else 
Knots[i] =Pt Nom— 3; 
} 
gluBeginSurface(pNurb_Surf); 
gluNurbsSurface (pNurb_ Surf, Pt_ Num + 4, Knots, 8, Knott, 3, Pt_ Num * 3, 
&ctrlPoints[0][0],4,4,GL MAP2 VERTEX 3); 
gluEndSurface(pNurb_Surf); 
delete [ ]Knots; 
} 
delete []ctrlPoints; 


} 

运行 程序 ,首先 单 击 绘制 NURBS 曲线 命令 ,在 屏幕 拾 
取 控 制 顶点 并 绘制 曲线 ,然后 再 单 击 绘 制 NURBS 曲面 的 
命令 ,根据 上 述 代码 即 可 绘制 NURBS 曲面 。 图 10. 5-1 所 
示 为 绘制 的 一 个 NURBS 曲面 的 效果 图 。 图 10.5-1 绘制 NURBS 曲面 





10.5.4 NURBS 曲面 修剪 


OpenGL 允许 对 NURBS 曲面 进行 修剪 。 修 剪 的 意思 是 在 NURBS 表面 上 创建 删除 部 
分 ,例如 在 表面 上 开 一 些 孔 ,或 者 将 曲面 的 某 些 边 角 剪 掉 。 

修剪 曲面 除了 必须 有 曲面 外 ,还 必须 有 一 个 封闭 无 交叉 的 修剪 曲线 。 可 以 创建 两 种 修 
剪 曲 线 : 分 段 的 线性 曲线 和 NURBS 曲线 。 前 者 需要 调用 gluPwlCurve() 命 令 来 创建 ,后 者 
必须 通过 前 文 已 经 介绍 过 的 gluNurbsCurve() 命 令 ( 用 于 修剪 时 ,其 中 的 参数 type 取 值 为 
GLU_MAP1_TRIM_2) 来 创建 。gluPwlCurve() 命 令 的 原型 为 


void gluPwlCurve(GLUnurbsObj * nobj,GLint count,GLfloat * array,GLint stride, GLenum type); 


其 中 ,参数 nobj 为 一 个 指向 NURBS 对 象 的 指针 ; 参数 count 为 构成 修剪 曲线 的 顶点 
数 ; array 为 顶点 数组 的 首 地 址 ,由 于 要 求 修剪 曲线 是 封闭 的 ,那么 , 当 用 一 个 线性 曲线 形成 
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封闭 形状 时 ,修剪 曲线 顶点 数组 首 末 位 的 顶点 必须 是 相同 的 ; stride 为 顶点 数组 中 的 对 应 坐 
标 位 的 数据 间距 ; type 为 曲线 类 型 ,其 值 一 般 取 GLU_MAPI1_TRIM 2 或 GLU_MAP1 _ 
TRIM_3( 较 少 使 用 )。 

对 于 修剪 曲线 围 成 的 修剪 窗口 有 两 点 需要 注意 : 第 一 是 两 种 创建 修剪 曲线 命令 的 顶点 
是 曲面 参数 空间 (u、v) 定 义 域 的 值 ,而 非 曲 面 上 点 的 坐标 值 ; 第 二 ,修剪 窗口 外 环 的 顶点 顺 
序 在 参数 空间 (u、v) 内 按 道 时 针 走 向 ,内 环 按 顺 时 针 走 向 。 

NURBS 曲线 修剪 的 操作 步骤 与 绘制 NURBS 曲面 基本 相同 ,但 是 修剪 操作 必须 放 在 调用 
绘制 曲面 的 gluBeginSurface() 和 gluNurbsSurface() 命 令 之 后 ,然后 调用 gluBeginTrim () 命 令 开 
始 修剪 ,创建 修剪 曲线 ,再 调用 gluEndTrim() 命 令 终止 修 前 。 这 两 个 命令 原型 为 ， 

gluBeginTrim(GLUnurbsObj * nobj); 

gluEndTrim(GLUnurbsObj * nobj); 

其 中 ,参数 nobj 为 一 个 指向 NURBS 对 象 的 指针 。 

在 程序 OpenGL001 中 进行 NURBS 曲面 修剪 时 ,可 以 在 已 绘制 的 NURBS 曲面 的 基础 
上 进行 。 在 曲面 的 参数 域 (u,v) 内 构造 一 个 外 环线 性 曲线 和 一 个 内 环线 性 曲线 。 

首先 ,在 COpenGL001View 类 中 设置 一 个 NURBS 曲面 修剪 的 标识 变量 : 





int NurbsTrimflag; 


然后 在 应 用 程序 工具 栏 或 者 菜单 栏 中 设置 一 个 NURBS 曲面 修剪 的 图 标 标识 ,通过 类 
向 导 在 视图 类 中 创建 该 标识 的 消息 映射 函数 ,例如 为 OnNurbsTrim() ,在 该 函数 中 设置 修 
前 指令 ,代码 如 下 : 
void COpenGL001View: :OnNurbsTrim() { 
NurbsTrimflag= 1; // 修 剪 


Invalidate( ); 
} 


在 绘图 函数 RenderScene() 中 ,在 绘制 NURBS 曲面 的 部 分 加 入 曲面 修剪 的 代码 ,相关 
代码 如 下 : 


if(m_flag== NURBSSURF){ 
int Pt_Num = m_Point_Rrray. GetSize(); 
if(Pt Num>1){ 
…// 建 立 曲面 控制 顶点 数组 和 节点 数组 代码 部 分 ,前 文 已 列 出 ,本 处 省 略 


GLfloat trimpoints out[5][2]; // 修 前 曲线 顶点 外 环 
GLfloat trimpoints_in[5][2]; // 修 剪 曲线 顶点 内 环 
if(NurbsTrimflag == 1){ // 修 剪 , 则 构造 修剪 曲线 内 外 环 


trimPoints out[0][0] = trimPoints out[4][0] =0.1; 
trimPoints_out[0][1] = trimPoints out[4][1] = 0.1; 
trimPoints out[1][0] = 0.9; 

trimPoints out[1][1] =0.1; 

trimPoints out[2][0] = 0.9; 

trimPoints out[2][1] = 0.9; 

trimPoints out[3][0] = 0.1; 

trimPoints out[3][1] = 0.9; 

trimPoints_in[0][0] = trimPoints in[4][0] = 0.35; 
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trimPoints_in[0][1] = trimPoints in[4][1] = 0.35; 
trimPoints in[1][0] = 0.35; 
trimPoints_in[1][1] = 0.70; 
trimPoints_in[2][0] = 0.70; 
trimPoints in[2][1] = 0.70; 
trimPoints in[3][0] = 0.70; 
trimPoints_in[3][1] = 0.35; 
} 
if(Pt_ Num==2){ // 一 次 NURBS 
…// 建 立 曲 面 控制 顶点 数组 和 节点 数组 代码 部 分 ,前 文 已 列 出 , 本 处 省 略 
gluBeginSurface(pNurb Surf); 
gluNurbsSurface(pNurb_Surf, 4, Knots, 8, Knott, 3, Pt_Num * 3, &ctrlPoints[0][0],2, 
4,GL MAP2 VERTEX 3); 
if(NurbsTrimflag == 1){ // 修 剪 
gluBeginTrim(pNurb_Surf); 
gluPwlCurve( pNurb_Surf, 5, StrimPoints_out[0][0],2,GLU MRP1_TRIM 2); 
gluEndTrim(pNurb_ Surf); 
gluBeginTrim(pNurb_Surf) 
gluPwlCurve(PNurb_Surf, 5, &trimPoints_in[0][0],2,GLU MRP1_TRIM 2); 
gluEndTrim(pNurb_ Surf); 
l 
gluEndSurface(pNurb_Surf); 
delete [ ]Knots; 
} 
if(Pt_Num== 3){ // 二 次 NURBS 
…// 建 立 曲 面 控制 顶点 数组 和 节点 数组 代码 部 分 ,前 文 已 列 出 , 本 处 省 略 
gluBeginSurface(pNurb_Surf); 
gluNurbsSurface(pNurb_Surf, 6, Knots, 8, Knott, 3, Pt_Num * 3, ctrlPoints[0][0], 3,4, 
GL_MRP2_VERTEX_3) ; 
if(NurbsTrimflag == 1){ // 修 剪 
gluBeginTrim(pNurb_Surf); 
gluPwlCurve( pNurb Surf, 5, &trimPoints out[0][0],2,GLU MAP1_TRIM 2); 
gluEndTrim(pNurb_Surf); 
gluBeginTrim(pNurb_Surf) 
gluPwlCurve(pNurb Surf,5, &trimPoints in[0][0],2,GLU MAP1 TRIM 2); 
gluEndTrim(pNurb_Surf); 
} 
gluEndSurface(pNurb_Surf); 
delete [ ]Knots; 
} 
if(Pt_Nom> 3){ // 三 次 NURBS 
…// 建 立 节点 数组 代码 部 分 ,前 文 已 列 出 ,本 处 省 略 
gluBeginSurface(pNurb Surf); 
gluNurbsSurface (pNurb_ Surf, Pt_ Num + 4, Knots, 8, Knott, 3, Pt_ Num * 3, 
&ctrlPoints[0][0],4,4,GL MAP2 VERTEX 3); 
if(NurbsTrimflag== 1){ // 修 前 
gluBeginTrim(PNurb Surf); 
gluPwlCurve(PNurb_ Surf, 5, &trimPoints_out[0][0],2,GLU MRP1_TRIM 2); 
gluEndTrim(pNurb_Surf); 
gluBeginTrim(pNurb_Surf); 
gluPwlCurve(PNurb Surf,5, &trimPoints in[0][0],2,GLU MAP] TRIM 2); 
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gluEndTrim(pNurb Surf); 
} 
gluEndSurface(pNurb Surf); 
delete [ ]Knots; 
} 
delete [ ]ctrlPoints; 


} 


执行 程序 ,绘制 NURBS 曲面 后 单 击 NURBS 修剪 命令 , 则 绘制 的 NURBS 曲面 被 裁剪 
变 小 ,中 间 有 个 方 孔 。 


10.5.5 曲面 纹理 映射 


纹理 图 像 不 仅 可 以 映射 到 平面 上 ,也 可 以 映射 到 任意 曲面 上 ,包括 Bezier 曲面 和 
NURBS 曲面 。 在 曲面 上 实现 纹理 映射 的 步 又 和 前 文 的 平面 纹理 映射 的 步骤 相同 , 即 创建 
和 绑 定 纹理 对 象 ,加载 纹理 图 像 .设置 纹理 参数 .设置 环境 参数 ,建立 纹理 坐标 和 曲面 上 点 之 
间 的 对 应 关系 ,启用 纹理 坐标 映射 ,实现 在 曲面 上 映射 纹理 图 像 。 

对 于 曲面 纹理 映射 ,需要 生成 和 曲面 上 点 对 应 的 纹理 坐标 。 由 于 GLU 库 根 据 控制 顶 
点 和 节点 直接 生成 了 曲面 ,没有 机 会 指定 纹理 坐标 ,因此 ,不 能 直接 建立 曲面 点 和 纹理 坐标 
之 间 的 映射 关系 。 但 是 ,可 以 在 纹理 图 像 的 参数 (s,t) 和 曲面 的 参数 (u,v) 之 间 建 立 对 应 关 
系 ,通过 参数 之 间 的 一 一 对 应 实现 纹理 图 像 到 曲面 的 映射 。 

一 般 情况 下 ,曲面 和 纹理 的 参数 域 均 定义 在 (0,0)、(1,0)、(1,1)、(0,1) 范 围 内 ,通过 调 
用 求 值 器 命令 glMap2f() ,在 纹理 坐标 的 参数 和 曲面 的 参数 建立 对 应 关系 ,在 glMap2f() 命 
令 中 的 数值 类 型 取 纹 理 坐 标 映射 类 型 : GL_MAP2_TEXTURE_COORD_2, 这 样 ,产生 的 是 
纹理 坐标 的 参数 值 。 

然后 再 利用 GL_MAP2_TEXTURE_COORD_2 为 参数 调用 glEnable() 命 令 , 启 用 纹 
理 坐 标 参 数 映射 ,这 时 绘制 曲面 即 可 实现 曲面 上 的 纹理 映射 。 

在 程序 OpenGL001 中 实现 曲面 纹理 映射 时 ,可 以 对 绘制 的 Bezier 曲面 或 者 NURBS 曲 
面 进行 纹理 映射 。 下 面 设置 对 绘制 的 NURBS 曲面 进行 纹理 映射 。 

首先 ,在 COpenGL001View 类 中 设置 一 个 曲面 纹理 加 载 的 指令 变量 和 纹理 对 象 的 
变量 : 

int Surf_Texture flag; // 曲 面 纹理 加 载 的 变量 

GLuint Surf_texture; // 纹 理 对 象 变量 

然后 ,在 应 用 程序 工具 栏 或 者 菜单 栏 中 设置 一 个 曲面 纹理 加 载 的 图 标 标识 ,通过 类 向 导 
在 视图 类 中 创建 该 标识 的 消息 映射 函数 ,例如 为 OnNurbsSurfTextureMap() ,在 该 函数 中 
设置 纹理 映射 指令 ,创建 纹理 对 象 , 加 载 纹 理 图 像 ,并 进行 纹理 设置 等 。 代 码 如 下 : 


void COpenGL001View: :OnNurbsSurfTextureMap() { // 打 开 一 个 图 像 文件 





CFileDialog hFileDlg(true, NULL, NULL, OFN_FILEMUSTEXIST|OFN_ READONLY |OFN_PATHMUSTEXIST, TEXT 


("bmp 文件 ( * .bmp)| * .bmp|"),，NULL); 
if(hFileDlg. DoModal() == IDOK) { 
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RUX_RGBImageRec * m image; 
glPixelStorei(GL UNPACK ALIGNMENT, 1); 
m image = auxDIBImageLoad(hFileD1g. GetPathName() ); 
m iNidth=m image— > sizex; 
m iHeight =m image— > sizeY; 
m plImage = m image— > data; 
glGenTextures(1, &Surf texture); // 创 建 纹理 对 象 
glBindTexture(GL_TEXTURE 2D, Surf_texture); // 绑 定 纹理 对 象 
glTexImage2D(GL TEXTURE 2D,0,3,m iWidth,m iHeight,0,GL RGB,GL UNSIGNED BYTE,m pImage); 
// 加 载 纹 理 
// 设 置 纹理 参数 和 环境 参数 
glTexParameteri(GL_ TEXTURE 2D, GL TEXTURE WRAP S,GL, REPEAT); 
glTexParameteri(GL_ TEXTURE 2D, GL TEXTURE WRAP T, GL REPEAT); 
glTexParameteri(GL TEXTURE_2D, GL TEXTURE MAG FILTER, GL LINEAR); 
glTexParameteri(GL TEXTURE 2D,GL, TEXTURE MIN_FILTER, GL LINEAR); 
glTexEnvf (GL_TEXTURE_ ENV, GL TEXTURE ENV_MODE, GL, DECAL); 
glEnable( GL_TEXTURE 2D); // 启 用 纹理 
Surf Texture flag=1; // 设 置 纹理 映射 指令 


Invalidate( ); 


} 
在 绘图 函数 RenderScene() 中 ,在 绘制 NURBS 曲面 的 部 分 加 入 曲面 纹理 映射 的 代码 。 
该 段 代 码 放 在 曲面 绘制 之 前 的 位 置 ,参考 如 下 : 


GLfloat texpts[2][2][2] = {{{0,0}, {0,1}}, {{1.0,0.0},{1.0,1.0}}}; 
if(Surf_Texture flag==1){ 


glBindTexture(GL_ TEXTURE 2D, Surf texture); // 绑 定 纹理 对 象 

// 调 用 求 值 器 

glMap2f(GL_MRAP2_TEXTURE_COORD 2, 0, 1,2,2,0,1,4,2,&texpts[0][0][0]); 
glEnable(GL_ MARP2_TEXTURE_COORD 2); // 启 用 纹理 坐标 映射 


} 


执行 程序 ,在 绘制 出 一 个 NURBS 曲面 后 , 单 击 纹理 图 像 加 载 命令 ,选择 一 个 图 像 文 件 ， 
则 程序 将 图 像 映射 到 绘制 的 NURBS 曲面 上 ,效果 如 图 10. 5-2 所 示 。 





10.5-2 曲面 映射 





Web 图 形 开发 技术 


传统 的 计算 机 图 形 程序 开发 的 思路 和 方法 ,首先 需要 在 计算 机 上 安装 一 个 图 形 开发 环 
境 , 如 Visual Studio 等 ,图 形 程序 开发 完成 后 ,如 在 其 他 计算 机 上 使 用 ,也 需要 进行 安装 ,这 
些 操作 耗 时 耗 力 .占用 大 量 存储 并 且 传播 性 较 差 。 近 年 来 , 随 着 互联 网 技术 的 广泛 应 用 , 开 
发 具有 跨 平台 、 便 携 性 和 开放 性 等 特点 的 Web 应 用 系统 已 成 为 了 程序 开发 模式 的 新 趋势 。 
Web 环境 下 的 图 形 应 用 开发 也 引起 了 广泛 关注 ,而 在 技术 方面 ,用 于 Web 页 面 显示 的 超 文 
本 标记 语言 (HTML) 推 出 的 新 标准 HTML5 提供 了 一 些 新 特性 ,如 用 于 绘图 功能 的 canvas 
元 素 等 ,可 以 很 好 地 支持 图 形 程序 的 开发 。 

JavaScript 是 Web 应 用 开发 中 实现 网 页 动态 交互 的 主要 语言 ,开发 Web 图 形 功能 时 ， 
所 有 的 图 形 算法 实现 ,交互 操作 处 理 以 及 数据 存储 等 均 通 过 JavaScript 来 实现 。JavaScript 
和 Web 应 用 一 样 ,在 前 端 网 页 部 分 也 具有 开放 性 的 特点 ,通过 调用 其 他 第 三 方 写 的 成 熟 的 
JavaScript 文件 ,可 以 使 Web 应 用 系统 具有 非常 强大 的 功能 ,例如 ,在 Web 图 形 开发 时 调用 
实现 Web 图 形 绘制 的 JavaScript 文件 (如 : three. js) ,可 以 在 网 页 上 获得 类 似 OpenGL 实现 
的 图 形 功 能 。 

本 章 利用 HTML5 的 canvas 绘图 特性 和 JavaScript 语言 ,对 Web 环境 下 的 计算 机 图 
形 学 的 基本 原理 和 算法 进行 了 编程 实践 ,通过 代码 实现 ,探讨 了 Web 图 形 的 开发 方法 。 








11.1 Web 绘图 技术 的 结构 概述 


11.1.1 HTML 网 页 文档 结构 


HTML 全 称 为 Hypertext Markup Language, 译 为 超 文本 标记 语言 。 首 先 要 明确 一 个 
概念 ,HTML 不 是 一 种 编程 语言 ,而 是 一 种 描述 性 的 标记 语言 ,用 于 描述 超 文本 中 内 容 的 显 
示 方 式 。 比 如 在 网 页 中 如 何 定义 一 个 标题 .一 段 文字 、 插 入 一 个 链接 等 ,都 是 利用 HTML 
标记 完成 的 。 其 最 基本 的 语法 为 : < 标记 > 内 容 </ 标 记 >。 标 记 通 常 都 是 成 对 使 用 的 ,有 一 个 
开头 标记 就 对 应 一 个 结束 标记 。 当 浏览 器 从 服务 器 接收 到 HTML 文件 后 ,就 会 解释 里 面 
的 标记 符 , 然 后 把 标记 符 相 对 应 的 功能 表达 出 来 。 

HTML 文档 一 般 包 含 头 部 区 域 和 主体 区 域 两 部 分 ,基本 结构 由 3 个 标签 负责 组 织 ， 
别 为 : < html >、< head > 和 < body >。 其 中 < html > 标签 标识 HTML 文档 ,< head > 标签 标 
识 头 部 区 域 ,< body > 标签 标识 主体 区 域 。 一 个 网 页 的 完成 有 时 候 会 需要 很 多 的 HTML 标 
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签 ,常用 的 标签 有 < h2 >.<br><load>、< canvas >\< form >、< div> 等 。 

HTML 文件 的 扩展 名 为 htm 或 html。 可 以 进行 网 页 制作 的 软件 有 很 多 ,目前 比较 流 
行 的 是 Dreamweaver, 它 将 可 视 布局 工具 、 应 用 程序 开发 功能 和 代码 编辑 支持 组 合 在 一 起 ， 
使 得 各 个 层次 的 开发 人 员 和 设计 人 员 都 能 够 快速 创建 页 面 精美 的 ,基于 标准 的 网 站 和 应 用 
程序 。 而 在 Windows 系统 中 ,最 简单 的 文本 编辑 软件 就 是 文本 文档 (或 记事 本 )。 现 在 通过 
基本 标签 来 创建 一 个 基本 的 HTML 文件 。HTML 文件 的 创建 方法 十 分 简单 ,在 桌面 上 布 
击 , 从 弹出 的 快捷 菜单 中 选择 “新 建 ”>“ 文 本 文档 ”命令 ,在 打开 的 文本 文档 窗口 输入 如 下 代 





码 。 此 时 文本 文档 的 窗口 如 图 11. 1-1 所 示 。 EE | 
文 H 训 日” 人 CO 二 看 V) 天 和 HH) 
< html > hy 
<head> neta charsetcvutE-gv> 
<titley 第 一 个 HT 上 L 文 件 </titley 
<meta charset = "utf 一 8"> 过 
: Goede> 
<title> 第 一 个 HTML 文件 </title> 了 Web 环境 下 的 图 形 学 的 开发 
</head> 居 oY 
<body> hr 
<p> 
WebGL 环境 下 的 图 形 学 的 开发 
</p> 
</body> 图 11.1-1 在 文本 文档 中 输入 HTML 
</html > 文件 内 容 


编写 后 保存 文档 。 直 接 保 存 便 是 txt 格式 的 普通 文档 ,这 样 浏览 器 不 会 把 这 个 文件 当 
作 网 页 文件 对 待 。 选 择 “ 另 存 为 "命令, 便 会 弹出 如 图 11. 1-2 所 示 的 对 话 框 。 需 要 注意 的 
是 ,在 “保存 类 型 "下 拉 列 表 框 中 选择 “所 有 文件 ”选项 ,然后 再 在 “文件 名 ”文本 框 中 输入 一 个 
文件 名 ,并 以 htm 或 html 作为 文件 名 后 级 。 


轩 25 为 x 
小 夏 > 此 电脑 了 LENOVO (D) ，1 v 日 搜索 中 


组 织 ” 新建 文件 洋 


yp i a sw 修改 日 其 关 


em 设 有 与 要 夫 科 件 PR 的 项 
四 视频 
巧 图片 
刀 文 档 = 
及 下载 
愉 许 乐 
各 时 而 
ae Windows (C) 国 
S00. | > 
文件 名 (N): 第 一 个 HTML 文 件 html 
保存 类 型 中 : 所 有 文件 ( 沪 


~ XH SR AN "Cw ] [| wm 











图 11.1-2 修改 后 缀 名 


设置 完成 后 单 击 “保存 ?按钮 ,就 会 生成 HTML 文件 ,在 Windows 中 ,可 以 看 到 它 的 图 
标 就 是 网 页 文件 图 标 了 ,如 图 11. 1-3 所 示 。 双 击 图 标 , 就 会 打开 浏览 器 ,显示 该 文件 内 容 ， 
网 页 效果 如 图 11. 1-4 所 示 。 
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El =- 0 Xx 

国 :  :*> ss v1 

所 > 丰 上 >》 此 电脑 > LENOVO ID] > 1 Yv 巴 更 索 "1" Ed 
名 Autodesk 360 个 


各 视频 
各 图 片 
加 文档 
廊下 载 
各 音乐 


ee HTML hm 


图 11.1-3 HTML 文件 


Ee 

Se oe A pe) a 
1> 高 时 -» 器 yf 屋 ~ 留 Ria - > 
WebGL 环 境 下 的 图 形 学 的 开发 


本 水 T 载 巴 名 上 9) Q100% 


图 11.1-4 在 浏览 器 中 的 显示 效果 


在 这 个 HTML 中 ,用 到 了 5 个 能 够 构成 完整 的 最 简单 的 HTML 文件 结构 的 标记 。 现 
在 简单 介绍 这 些 标 记 的 作用 。 

<html > 放 在 HTML 文件 的 开头 ,并 没有 什么 实质 性 的 功能 ,但 是 在 HTML 文件 的 开 
头 必须 用 < html > 标记 来 做 一 个 形式 上 的 开始 。 

< head > 为 头 标记 , 紧 跟 在 < html > 标记 后 。< head > 中 的 元 素 可 以 引用 脚本 .指示 浏览 
器 在 哪里 找到 样式 表 、 提 供 元 信息 等 。 

< meta > 为 编码 格式 声明 ,否则 会 出 现 乱码 。 

< title > 为 标题 标记 ,包含 在 < head > 标记 内 , 它 的 作用 是 设置 网 页 的 标题 。 在 图 11. 1-4 
中 可 以 看 到 ,网 页 标题 显示 在 浏览 器 左上 角 。 

< body > 为 主体 标记 ,是 HTML 文件 的 主体 部 分 ,网 页 中 最 终 显示 的 内 容 , 如 有 段落、 表 
格 、 超 链接 、 图 片 等 都 在 这 个 标记 里 面 。 

<p> 标 识 段落 文本 。 

这 样 第 一 个 基本 的 HTML 文件 就 完成 了 。 相 信 通 过 这 个 简单 的 例子 ,大 家 已 经 对 网 
页 编程 有 了 初步 的 了 解 。 


11.1.2 JavaScript 概述 


JavaScript 是 一 种 基于 对 象 和 事件 驱动 并 具有 安全 驱动 的 脚本 语言 ,是 一 种 面向 Web 
的 编程 语言 ,常用 来 给 网 页 添加 各 式 各 样 的 动态 功能 。 现 在 绝 大 多 数 网 站 都 使 用 
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JavaScript 语言 ,并 且 所 有 的 现代 Web 浏览 器 均 包含 JavaScript 解释 器 ,这 使 得 JavaScript 
成 为 现在 使 用 最 广泛 的 编程 语言 。 通 常 JavaScript 脚本 嵌入 在 HTML 中 来 实现 自身 的 功 
能 ,实现 网 页 交互 作用 ,从 而 可 以 开发 客户 端的 应 用 程序 。 

现 通过 一 个 实例 编写 一 个 JavaScript 程序 ,通过 这 个 程序 说 明 JavaScript 的 脚本 是 如 
何 府 入 到 HTML 文档 中 的 。 新 建文 本 文档 ,在 里 面 输入 如 下 所 示 的 代码 并 保存 ,网 页 显示 
效果 如 图 11. 1-5 所 示 。 

<html> 

<head> 

<meta charset = "utf — 8"> 

<title> JavaScript 实例 </title> 

< script> 

alert("WebGL 环境 下 的 图 形 学 的 开发 "); 

</script ></head> 

<body></body> 

</html > 
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图 11. 1-5 JavaScript 实例 


JavaScript 代码 由 < script > 说 明 。 在 标识 < script ></script > 之 间 可 插入 JavaScript 脚本 。 

alert() 是 JavaScript 的 窗口 对 象 方法 ,是 用 于 显示 带 有 一 条 指定 消息 和 一 个 Ok 按钮 的 
警告 框 。 

这 样 ,通过 一 个 简单 的 实例 可 以 看 出 ,理解 并 编写 一 个 JavaScript 程序 并 不 是 十 分 困难 。 


11.1.3 canvas 中 的 图 形 


canvas 是 HTML 5 中 新 增 的 专门 用 来 实现 绘图 功能 的 标签 ,这 为 Web 图 形 的 处 理 打 
开 了 广阔 的 空间 。 借 助 HTML 5 中 的 < canvas > 标签 ,用 户 可 以 在 Web 中 绘制 各 式 各 样 的 
图 形 。canvas 的 作用 是 在 页 面 中 添加 一 块 矩 形 画 布 ,在 定义 的 区 域 中 进行 绘图 操作 。 其 
实 ,canvas 本 身 功能 非常 简单 ,只 具有 width 和 height 两 种 属性 ,来 定义 一 块 无 色 透 明 的 透 
明 区 域 。canvas 本 身 不 具有 绘图 功能 , 它 的 功能 需要 利用 JavaScript 编写 绘制 在 画布 中 的 
图 形 脚本 实现 。 
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canvas 在 网 页 中 实现 画图 功能 环境 的 主要 代码 如 下 : 


<html> 

<head> 

<meta charset = "utf — 8"> 

<title> 用 canvas 实现 画布 功能 </title> 
</head> 

<body> 

<canvas id= "huabu" width = "150" height = "100" style = "border:1px soild;"></canvas> 
< script type = "text/javascript"> 

Var c= document. getElementById("huabu" ) ; 
Var context = c. getContext("2d"); 
</script > 

</body> 

</html > 


现在 对 其 中 部 分 代码 进行 解释 。 
<canvas id = "huabu" width = "150" height = "100" style = "border:1px soild;"></canvas> 
通过 定义 canvas 的 width 和 height 属性 ,形成 一 块 和 矩形 画布 ,并 且 必 须 定义 canvas 元 
素 的 id 属性 ,以 便于 后 面 的 调用 ; 因为 画布 本 身 形成 的 绘图 区 域 不 可 见 , 这 里 为 画布 添加 
了 线 宽 为 1 像素 的 实心 边框 。 
var c= document. getElementBYId("huabu" ) ; 
通过 使 用 JavaScript 中 的 document. getElementByld 方法 ,并 通过 查找 Id 来 寻找 
canvas 元 素 构成 的 画布 的 位 置 。 
var context = c. getContext("2d" ) ; 
通过 使 用 canvas 元 素 的 getContext 方法 来 获取 上 下 文 ,在 画布 中 创建 canvas 元 素 支 
持 的 能 够 绘制 图 形 的 2D 环境 。 需 要 注意 的 是 ,现在 canvas 元 素 构成 的 绘图 环境 只 能 支持 
二 维 绘 
最 后 ,通过 canvas 元 素 形成 的 绘图 区 域 如 图 11. 1-6 所 示 。 
占用 canvas 顽 现 本 9 月 x | 二 = | 
€ 器 | newoypunaesin 国友 


11. 1-6 。 canvas 元素 形 成 的 绘图 区 域 


11.2 ”Web 环境 下 基本 图 形 的 生成 


由 前 面 的 介绍 可 以 知道 ,要 想 在 Web 中 实现 基本 的 绘图 功能 ,仅仅 依靠 canvas 元 素 的 
绘图 方法 是 不 可 能 的 。 要 想 实现 这 一 功能 ,必须 得 到 计算 机 图 形 学 相关 算法 的 支持 。 可 以 
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通过 使 用 JavaScript 脚本 语言 实现 计算 机 图 形 学 的 相关 算法 ,构造 相关 图 形 ,实现 交互 绘图 
功能 ,实现 在 Web 环境 下 生成 基本 图 形 。 


11.2.1 直线 的 绘制 
绘制 直线 是 绘图 操作 中 最 常用 的 操作 之 一 ,通过 对 路 径 起 点 与 终点 的 坐标 来 直接 定义 


唯一 直线 的 方法 进行 进一步 的 改进 ,可 以 实现 通过 鼠标 直接 控制 直线 的 起 点 与 终点 ,完成 直 
线 的 绘制 。 相 关 功 能 代码 如 下 所 示 : 


var points = new Array(); // 绘 图 的 点 集 
function line(){ 
huabu. onmousedown = function (e) { // 在 canvas 中 按 下 鼠标 按钮 时 触发 函数 


e= window. event| |e; 
context. lineWidth= "2"; 
context. strokeStyle = "red"; 


Var X= e, pageX — this. offsetLeft; // 绘 制 直线 的 x\y 范围 

var Y= e. pageY - this. offsetTop; 

var pois = Object. create( {x:X, y:Y}); // 构 建 绘制 直线 的 点 

points. push(pois); // 将 绘制 直线 的 点 加 到 绘图 点 集中 


if(points. length==1) { 
return null; 
}else{// 开 始 画 直线 
context. beginPath( ); 
context. moveTo(points[0]. x, points[0].y); // 直 线 起 始点 
for(var i= 0;i< points. length; i++){ 
context. lineTo(points[i].x,points[i].y); // 直 线 的 下 一 点 
} 
context. stroke( ); // 绘 制 出 点 集 的 路 径 


} 
添加 名 为 “ 画 线 ”的 可 以 执行 画 直 线 功 能 的 按钮 : 


< input type = "button" name = "huaxian" value = " 画 线 ” onclick = "line()" /> 


在 定义 的 画布 中 , 单 击 “ 画 线 ” 按 钮 ,在 任意 位 置 单 击 两 点 ,执行 里 面 画 直 线 功能 的 JavaScript 
脚本 ,形成 线 宽 为 2 像素 的 红色 直线 。 通 过 JavaScript 绘制 的 直线 效果 如 图 11. 2-1 所 示 。 








日 大 六 x 区 二 
所 人 > 口 | nemonn' 四 去 
画 线 











11.2-1 使 用 JavaScript 绘制 直线 
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11.2.2 封闭 多 边 形 的 绘制 


封闭 多 边 形 的 绘制 是 在 画 直 线 功 能 的 前 提 下 执行 的 ,在 此 基础 上 添加 一 个 封闭 按钮 ,将 
直线 的 最 后 一 点 与 直线 起 始点 连接 ,形成 封闭 多 边 形 。 执 行 封闭 功能 的 代码 如 下 : 


function closeButton() { // 封 闭 按钮 
var clo = points[0]; // 直 线 起 始点 
points.push(clo); // 执 行 封 闭 功 能 ,将 最 后 一 点 与 起 始点 连接 ,形成 封闭 图 形 
for(var cc = 0;cc< points. length;cc++) { // 重 新 执行 画 线 功能 ,更 新 直线 点 集 
if(cc==0) { 


context. beginPath( ) ; 
context. moveTo( points[0]. x,points[0].y); 


} 


else{ 
context. lineTo(points[cc].x,points[cc].y); 
} 
} 


context. stroke( ); 
points. length = 0; // 清 空 整个 画布 中 的 点 


} 

添加 名 为 “封闭 按钮 "的 可 以 形成 封闭 多 边 形 的 按钮 : 

< input type = "button" name = "fengbi" value = "封闭 按钮 ”onclick = "closeButton()" /> 

通过 封闭 按钮 封闭 图 形 是 在 画 线 功能 的 条 件 下 形成 的 。 单 击 “ 夯 线 ” 按 钮 ,在 画布 中 随 
意 绘制 直线 ; 此 时 若 单 击 “ 封 闭 按钮 ”, 便 会 执行 封闭 命令 ,将 上 面 绘 制 直线 的 最 后 一 点 与 绘 
制 直线 的 起 始点 连接 到 一 起 ,形成 封闭 多 边 形 , 如 图 11. 2-2 所 示 。 





日 i ~ 
和 OO | Meena 了 女 


图 11.2-2 封闭 多 边 形 


需要 注意 的 是 ,上 述 代码 中 points. length 二 0 的 作用 是 清空 整个 画布 中 绘图 的 点 集 。 
在 此 之 上 的 代码 表示 一 个 封闭 多 边 形 已 经 完成 , 若 在 此 时 不 清空 点 集 , 再 单 击 下 一 点 ,会 以 
已 经 完成 的 封闭 多 边 形 的 起 始点 为 起 点 ,继续 执行 绘制 直线 的 功能 ,形成 两 个 连接 在 一 起 的 
封闭 图 形 。 
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11.2.3 多边 形 的 扫描 填充 





基于 Web 环境 形成 的 多 边 形 扫描 填充 是 计算 机 图 形 学 基于 JavaScript 的 实现 。 其 编 
程 思想 来 自前 文中 多 边 形 的 扫描 转换 的 基本 原理 , 即 以 2 像素 为 宽度 单位 ,在 y 方向 由 上 而 
下 地 进行 扫描 ,并 根据 交点 的 情况 进行 填充 。 当 和 多边形 共享 项 点 的 两 边 分 别 落 在 扫描 线 两 
侧 时 ,交点 数量 取 1; 当 多 边 形 共 享 顶点 的 两 边 位 于 扫 面 线 一 侧 时 ,交点 数 取 0 或 2, 具 体 根 
据 两 条 边 的 位 置 来 定 ; 如 果 同 时 落 在 扫 面 线 上 方 , 交 点 数 取 2; 若 同时 落 在 扫描 线 下 方 , 交 
点 数 取 0。 总 体 上 由 扫描 线 上 共享 一 个 顶点 的 两 条 边 的 另外 两 个 端点 的 y 值 是 否 大 于 此 共 
享 顶点 的 y 值 来 确定 交点 的 取 值 。 执 行 多 边 形 填充 的 代码 及 部 分 代码 功能 解释 如 下 : 


function full(){ 
var ymax = points[0].y; 
var ymin= points[0].y; 
var IpointsX = new Array(); // 扫 描 线 与 多 边 形 的 交点 集 


for(var x=0;x<points. length; ++x){ // 共 享 顶点 两 条 边 的 另外 两 个 端点 的 最 大 /小 值 
if(points[x].y> ymax){ 


} 


} 


ymnax = points[x]. y; 


for(var x=0;x< points. length; ++x){ 
if(points[x].y< ymin){ 


} 


} 





Ymin = points[x].y; 


for(var i= ymin;i<= ymax;i++) { 
for(var j= 0;j<points. length— 1;j++) { 
// 共 享 顶点 的 两 条 边 分 布 在 扫描 线 的 两 侧 , 取 一 个 交点 


if((points[j].Y< i)&&(points[j+1].yY>i)) { // 多 边 形 与 扫描 线 的 交点 


Var IX= 


(points[j].x— points[j+1].x) * (i— points[j +1].y)/(points[j].y- points[j +1].y) + points 


可 下 


IpointsX. push( IX); // 将 上 述 情况 的 交点 放 到 交点 集中 
} 
else if( (points[j].y>i)g&(points[j+1].y<i)){//k<0, 一 个 交点 

var IX= 


(points[j].x- points[j+1].x) * (i~ points[j +1].y)/(points[j].y- points[j+1].Y) + points 


[j+1].x; 


IpointsX. push( IX); 
} 


else if(i== points[j].y){ // 共 享 顶点 在 扫描 线 同一 边 
if((j==0)||(j== points.length-1)){ ”// 多 边 形 外 圈 端 点 
// 顶 点 的 两 边 在 扫描 线 下 方 ,交点 为 0 


if((points[1].y> i)&&(points[points. length— 2].y<i)){ 
IpointsX. push(points[0].x); 

} 

// 顶 点 的 两 边 在 扫描 线 上 方 ,交点 为 2 


第 11 章 ”Web 图 形 开发 技术 | 377 





证 ((points[1].Y< i)&&(points[points. length— 2].y> i)){ 
IpointsX. push(points[0].x); 

} 

}else{ // 多 边 形 内 部 端点 

if((points[j—1].y> i)&&(points[j+1].Y<i)){ // 内 部 交点 取 0 
IpointsX. push(points[j].x); 

} 

证 ((points[j-1].Y< i)&&(points[j+1].Y>i)){ // 内 部 交点 取 2 
IpointsX. push(points[j].x); 

} 


} 
} // 求 交点 结束 
IpointsX. sort(function(a,b){return a— b;}); // 对 交点 进行 排序 
for(var k=0;k< IpointsX. length;k =k+2){ // 使 用 2 像素 的 直线 进行 连接 , 即 填充 
context. lineWidth = 2; 
context. beginPath( ); 
context. moveTo( Ipointsx[k], i); 
context. lineTo( Ipointsx[k + 1],i); 
context. stroke( ); 


} 
IpointsX. length= 0; 
} 
添加 名 为 “填充 ”的 可 以 执行 扫描 填充 功能 的 代码 : 
< input type = "button" name = "tianchong" value = "填充 " onclick = "full()" /> 
在 求 出 统一 扫描 线 上 的 所 有 交点 后 ,需要 按照 交点 坐标 的 z 值 从 小 到 大 进行 排序 ,并 
以 两 个 一 组 进行 配对 ,将 配对 后 的 点 使 用 2 像素 的 直线 进行 连接 , 即 完成 填充 操作 。 最 终 的 
多 边 形 扫 描 填充 效果 如 图 11. 2-3 所 示 。 
日 无 标题 文档 x = 9 
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11.2-3 多边形 扫描 填充 








需要 注意 的 是 ,在 进行 填充 时 应 将 执行 封闭 多 边 形 功能 代码 中 的 语句 “points. length 一 
0” 去 掉 。 因 为 此 代码 的 意思 是 清空 点 集 , 如 果 保留 该 语句 ,那么 在 执行 填充 时 ,比较 得 到 的 
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最 大 纵 坐 标 Ye 及 最 小 纵 坐 标 Yu 也 将 被 清空 ,不 能 完成 填充 操作 。 不 仅 填充 时 需要 删除 
此 代码 语句 , 接 下 来 的 二 维 变换 三 维 变换 也 需 删除 该 语句 。 


11.2.4 多边形 的 裁剪 


多 边 形 的 裁剪 就 是 用 裁剪 框 对 多 边 形 进行 裁剪 形成 新 的 图 形 。 这 里 采用 矩形 裁剪 框 对 
多 边 形 进行 逐 边 裁剪 ,详细 算法 原理 根据 前 面 第 4 章 的 逐 边 裁剪 法 ,以 S 和 PP 分 别 表示 多 
边 形 的 某 一 边 的 起 点 和 终点 。 执 行 多 边 形 裁剪 功能 的 相关 代码 如 下 : 


function cut(){ 
Var sx;var sy;var fx;var fy; 
var Cutpoints = new Array( ); // 裁 剪 点 集 
var Rnum = 0; 
huabu. onmousedown = function(e){ 
if(Rnum==1){ // 单 击 两 点 确定 裁剪 框 
e= window. event| |e; 
Var xl = e, pageX — this. offsetLeft; 
var yl = e. pageY ~ this. offsetTop; 
sx= xl;sy= yl; 
} 
else if(Rnum== 2){ 
e= window. event | |e; 
Var x2 = e. pageX ~ this. offsetLeft; 
Var Y2 = e. pageY - this. offsetTop; 
fx= x2;fy= y2; 
var Xmin, Ymin, Xmax, Ymax; // 裁 剪 框 点 中 的 最 大 值 与 最 小 值 
if(sx> fx) {Xmin= fx; Xmax = sx; } 
else{Xmin= sx; Xmax = fx; } 
if(sy> fy) {Ymin= fy; Ymax= sy; } 
else{Ymin= sy; Ymax = fy; } 
points. push(points[0]); // 两 点 首尾 相 接 ,得 到 裁剪 框 
for(var 1 = 0)1<points. length- 1;1++){// 以 Xmin 为 裁剪 边 的 切割 情况 
if((points[1].x> Xmin)&&(points[1 +1].x> Xmin)) 
{//S\P 均 在 裁剪 框 可 见 侧 , 多 边 形 完全 可 见 , 点 全 部 保存 
Cutpoints. push(points[1+1]); 
} 
else if((points[1].x<Xmin)&&(points[1+1].x> Xmin)) 
{//S 在 裁剪 边 外 侧 ,P 在 内 侧 ,进入 可 见 侧 , 多边形 部 分 可 见 
var a= points[1 +1].y- points[1].y; 
var b= points[1].x— points[1+1].x; 
var c=points[1 +1].x* points[1].y- points[1].x* points[1+1].y; 
var CutY = Math. round( ~ (ax Xmin+ c)/b); 
var CutX = Xmin; 
var cp = Object. create( {x:CutX, y:CutY} ); //S、P 与 裁剪 边 的 交点 
Cutpoints. push(cp); 
Cutpoints. push(points[1+1]); 
} 
else if((points[1].x> Xmin)&&(points[1+1].x<Xmin)) 
{//S 在 裁剪 边 内 侧 ,P 在 外 侧 ,进入 不 可 见 侧 , 多 边 形 部 分 可 见 
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var a= points[1+1].y- points[1].y; 
var b= points[1].x— points[1+1].x; 
var c= points[1 +1].x* points[1].y- points[1].x* points[1+1].y; 
var CutY = Math. round( - (ax Xmin+ c)/b); 
Var CutX = Xmin; 
var cp = Object. create( {x:CutX, y:CutY} ); // 交 点 
Cutpoints. push(cp); 
} 
} 
points. length=0; // 将 points 点 集 清空 ,全 部 放 入 以 如 in 为 裁剪 边 的 交点 集 
//Cutpoints 的 点 ,再 清空 交点 集 Cutpoints, 对 矩形 裁剪 框 
// 的 其 他 裁剪 边 进 行 讨论 
for(var j= 0;j< Cutpoints. length; j++){ 
points. push(Cutpoints[j]); 
} 
Cutpoints. length= 0; 
points. push(points[0]); // 首 尾 相 接 ,封闭 
for(var 11 = 0;11< points.length- 1;11++){ // 以 xmax 为 裁剪 边 的 切割 情况 
if((points[11].x< Xmax)&&(points[11 +1].x< Xmax)) 
{ ”//S、P 均 在 裁剪 边 的 内 侧 , 多 边 形 完全 可 见 ,点 全 部 保存 
Cutpoints. push(points[11+1]); 
} 
else if((points[11].x> Xmax)&&(points[11 +1].x< Xmax)) 
{//S 在 裁剪 边 外 侧 ,P 在 内 侧 , 进入 可 见 侧 , 多边形 部 分 可 见 
var a= points[11+1].y- points[11].y; 
var b= points[11].x- points[11 +1].x; 
var c= points[11 +1].x* points[11].y— points[11].x* points[11 + 1].y; 
var CutY = Math. round( ~ (ax Xmax + c)/b); 
Var CutX = Xmax; 
var cp = Object. create( {x:CutX, y:CutY}); // 交 点 
Cutpoints. push(cp); 
Cutpoints. push(points[11 + 1]); 
} 
else if((points[11].x< Xmax)&&(points[11 +1].x> Xmax)) 
{//S 在 裁剪 边 内 侧 ,P 在 外 侧 ,进入 不 可 见 侧 , 多边形 部 分 可 见 
var a= points[11+1].y- points[11].y; 
var b= points[11].x- points[11 +1].x; 
var c= points[11 +1].x* points[11].y— points[11].x* points[11 + 1].y; 
var CutY = Math. round( ~ (ax Xmax + c)/b); 
Var CutX = Xmax; 
var cp = Object. create( {x:CutX, y:CutY}); // 交 点 
Cutpoints. push(cp); 
} 
} 
points. length= 0; 
for(var jl = 0;jl< Cutpoints. length; j1++){ 
points. push(Cutpoints[j1]); 
} 
Cutpoints. length= 0; 
points. push(points[0]); 
for(var 12 = 0;12 < points. length— 1;12++){ // 以 Ymin 为 裁剪 边 的 切割 情况 
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if( (points[12].y> Ymin)&&(points[12+1].Y> Ymin)) 
{//S\P 均 在 裁剪 边 内 侧 ,多边形 完全 可 见 
Cutpoints. push(points[12+1]); 
} 
else if((points[12].y< Ymin)&&(points[12+1].y> Ymin)) 
{//S 在 裁剪 边 外 侧 ,P 在 内 侧 ,进入 可 见 侧 , 多 边 形 部 分 可 见 
var a= points[12+1].y- points[12].y; 
var b= points[12].x- points[12+1].x; 
var c= points[12+1].x* points[12].y— points[12].x* points[12+1].y; 
var CutX = Math. round( - (bx Ymin+ c)/a); 
var CutY = Ymin; 
var cp = Object. create( {x:CutX, y:CutY}); // 交 点 
Cutpoints. push(cp); 
Cutpoints. push(points[12+1]); 
} 
else if( (points[12].y> Ymin)&&(points[12+1].y<Ymin)) 
{//S 在 裁剪 边 内 侧 , P 在 外 侧 ,进入 不 可 见 侧 , 多 边 形 部 分 可 见 
var a= points[12+1].y- points[12].y; 
var b= points[12].x— points[12+1].x; 
var c= points[12+1].x* points[12].y— points[12].x* points[12+1].y; 
var CutX = Math. round( - (bx Ymin+ c)/a); 
var CutY = Ymin; 
var cp = Object. create( {x:CutX, y:CutY}); // 交 点 
Cutpoints. push( cp); 
} 
} 
points. length= 0; 
for(var j2 = 0;j2<Cutpoints. length; j2++) { 
points. push(Cutpoints[j2]); 
} 
Cutpoints. length= 0; 
points. push(points[0]); 
for(var 13 = 0;13 < points. length— 1;13++){ // 以 Ymax 为 裁剪 边 的 切割 情况 
if((points[13].Y< Ymax)&&(points[13+1].Y<Ymax)) 
{//S\P 均 在 裁剪 边 内 侧 , 多边 形 完全 可 见 
Cutpoints. push(points[13 + 1]); 
} 
else if((points[13].y> Ymax)&&(points[13 +1].y< Ymax)) 
{//S 在 裁剪 边 外 侧 ,P 在 内 侧 ,进入 可 见 侧 , 多边形 部 分 可 见 
var a= points[13+1].y- points[13].y; 
var b= points[13].x- points[13+1].x; 
var c= points[13+1].xx points[13].Y- points[13].x* points[13+1].y; 
var CutX = Math. round( — (bx Ymax + c)/a); 
Var CutY = Ymax; 
var cp = Object. create( {x:CutX, y:CutY}); // 交 点 
Cutpoints. push(cp); 
Cutpoints. push(points[13+1]); 
} 
else if((points[13].y< Ymax)&&(points[13 +1].y> Ymax)) 
{//S 在 裁剪 边 外 侧 ,P 在 内 侧 ,进入 不 可 见 侧 , 多 边 形 部 分 可 见 
var a= points[13+1].y- points[13].y; 


} 
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var b= points[13].x- points[13+1].x; 

var c= points[13+1].x* points[13].y— points[13].x* points[13+1].y; 
var CutX = Math. round( - (bx Ymax + c)/a); 

Var CutY = Ymax; 

var cp = Object. create( {x:CutX, y:CutY}); // 交 点 

Cutpoints. push(cp); 





} 
} 
points. length= 0; 
for(var j3 = 0;j3 < Cutpoints. length; j3++){ 
points. push(Cutpoints[j3]); 
}// 结 束 
// 清 空 画布 中 的 多 边 形 的 点 ,更 新 成 裁剪 后 形成 的 新 的 多 边 形 
context. clearRect(0, 0, mycanvas. width, mycanvas. height) ; 
points. push(points[0]); 
context. beginPath( ); 
for(var cc = 0;cc< points. length;cc++){ 
if(cc==0) { 
context. beginPath( ); 
context. moveTo( points[0].x,points[0].y); 
Jelse{ 
context. lineTo(points[cc]. x, points[cc].y); 
} 
} 
context. strokeStyle = "black"; 
context. stroke( ); 


添加 名 为 “裁剪 ”的 可 以 执行 裁剪 功能 的 按钮 : 


< input type = "button" name = "caijian" value = "裁剪 " onclick= "cut()" /> 



























































单 击 “ 裁 前 "按钮 ,在 任意 地 方 单 击 两 点 ,形成 矩形 裁剪 框 , 便 执 行 裁剪 功能 形成 新 的 多 
边 形 。 运 行 效果 和 裁剪 后 多 边 形 的 扫描 变换 如 图 11. 2-4 所 示 。 

旺 zie X PF Se ie x 半生 So SS xm x FE Di 

€ © | mp | WeW/DYHMT 妇 和 WeWWDYTT 六 

证 续 ] [对 半 过 钮 | 填充 || 各 本 ESIEEETIEESIES] 本 线 || 封闭 让 得 || 填充 | 裁 史 

ass = [| 


11.2-4 ”和 矩 形 裁剪 框 裁剪 多 边 形 
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11.2.5 二 维 图 形 的 组 合 变 


二 维 图 形 的 基本 变换 主要 包括 比例 旋转 、 镜 像 . 错 移 、 缩 放 \ 平 移 等 操作 。 在 获知 图 形 关 
键 点 坐标 的 情况 下 ,首先 将 二 维 图 形 的 点 坐标 变换 为 齐 次 坐标 , 即 用 三 维 向 量 表示 二 维 空间 
点 。 利 用 齐 次 坐标 将 二 维 变 换 矩 阵 形成 统一 的 形式 ,统一 形式 为 








ab pp 
[zy I= fw le 吉 甸 
' 
变换 矩阵 为 
Q 0 pp 
ls 1 
玫 证 和 





变换 矩阵 工 中 左上 角 的 2X2 子 矩 阵 包含 cc、d 四 个 元 素 , 可 使 图 形 产生 比例 镜像、 
旋转 等 基本 变换 。 比 例 变 换 由 a、d 元 素 控制 ,二 者 分 别 决定 了 图 形 上 任意 一 点 的 坐标 与 
y 坐标 的 放大 (或 缩小 ) 倍 数 ,在 作 等 比例 变换 时 ,需要 将 二 者 与 相同 大 小 的 系数 相 乘 。 镜 像 
变换 由 a.d 的 正 负 决 定 , 当 a 的 正 负 改 变 时 ,图 形 以 xz 轴 为 镜像 线 作 镜 像 变 换 ; 当 4 的 正 负 
改变 时 ,图 形 以 y 轴 为 镜像 线 作 镜 像 变 换 ; 当 二 者 同时 改变 时 ,图 形 沿 原点 作 镜 像 变 换 。 旋 
转变 换 由 a、b、c、d 四 个 元 素 共同 确定 。 左 下 角 的 1X2 子 和 矩阵 ,包括 元 素 Lm, 可 使 图 形 产 
生平 移 变换 ,lm 分 别 是 zx 向 和 yy 向 的 平移 量 , 在 作 其 他 变化 时 需 使 /二 0,m 二 0。 

1. 二 维 图 形 的 平移 变换 

多 边 形 可 以 看 成 是 点 的 集合 ,所 以 图 形变 换 可 以 看 作 是 图 形 上 的 点 进行 坐标 变换 。 习 
移 变 换 以 原点 为 基准 ,即将 原 图 形 的 点 分 别 向 zx 向 、y 向 进行 平移 变换 ,得 到 新 的 齐 次 坐标 。 
执行 二 维 图 形 平移 变换 功能 的 代码 如 下 所 示 : 


S| 





function move( ){ 
Var arr = new Array; // 平 移 后 的 点 集 
Var num= 0; 
var sX= 0;var fX= 0;var sY= 0;var fY= 0; 
huabu. onmousedown = function(e){ 
e = window. event | |e; 
nuUum+t+; 
if(nom==1){// 平 移 前 的 点 
fX= e.pageX - this. offsetLeft; 
fY = e.pageY- this. offsetTop; 
} 
else if(num == 2){// 平 移 后 的 点 
SX= €.pageX— this. offsetLeft; 
sY = €. pageY ~ this. offsetTop; 
var dX = sX — fX; // 图 形 平移 的 距离 
var dY= sY— f£fY; 
for(var a= 0;a< points. length;a++){ // 平 移 前 多 边 形 的 点 
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// 平 移 后 的 点 的 集合 ,将 原 多 边 形 以 点 的 形式 进行 整体 平移 
var newPoints = Object. create( {x:dX+ points[a]. x,y:dY + points[a]. y}); 


arr. push(newPoints); 


} 

for(var b= 0;b< points. length;b++){ // 平 移 后 多 边 形 的 点 
points[b] = arr[b]， // 蔡 换 原 图 形 

} 


context. clearRect(0, 0,mycanvas. width, mycanvas. height); 
for(var cc = 0;cc<points. length;cct+) { ”// 更 新 点 集 
if(cc==0) { 
context. beginPath( ) ; 
context. moveTo( points[0].x,points[0].y); 
}else{ 
context. lineTo(points[cc].x,points[cc].y); 
} 
} 
context. strokeStyle = "black"; 
context. stroke( ); 


由 
添加 名 为 “平移 "的 可 以 执行 二 维 图 形 平移 变换 功能 的 按钮 ,效果 如 图 11. 2-5 所 示 。 


< input type = "button" name = "pingyi" value = "平移 " onclick = "move()" /> 
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图 11.2-5 二 维 图 形 的 平移 变换 





2. 二 维 图 形 的 旋转 变换 

二 维 图 形 的 旋转 变换 以 原点 为 基准 。 由 5. 2 节 二 维 组 合 变换 可 知 ,二 维 图 形 旋 转 需要 
通过 几 个 基本 变换 的 级 联 , 实 现 组 合 变 换 。 对 于 图 形 的 旋转 ,需要 先 将 图 形 平 移 , 使 旋转 点 
与 原点 重合 ,将 原 图 形 平移 到 基本 变换 位 置 , 设 此 操作 的 变换 矩阵 为 五; 再 将 图 形 绕 原点 旋 
转 0, 得 到 新 的 中 间 图 形 , 设 此 操作 的 变换 矩阵 为 T;; 最 后 将 旋转 后 的 图 形 平移 至 原 位 置 ， 
设 此 操作 的 变换 矩阵 为 人 。 此 时 得 到 的 便 是 绕 旋转 点 旋转 0 后 得 到 的 图 形 。 
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将 以 上 三 个 变换 矩阵 相 乘 , 即 可 得 到 绕 任意 点 旋转 的 组 合 变换 矩阵 T: 


0 0 cosg sing 01T1 0 
T 一 ThTT 一 | 0 1 0|| 一 sing cosg 0|0 1 
一 而 一 的 1 0 0 lllz yo 


可 以 执行 旋转 功能 的 相关 代码 如 下 所 示 : 


function RoelveButton(){// 旋 转 按钮 ,调用 旋转 函数 
// 调 取 这 为 re 的 功能 块 ,相关 数据 功能 均 在 此 功能 块 中 
document. getElementById("re"). style.display= ""; 
huabu. onmousedown = function(e){ 
e= window. event| |e; 
var rxl = e. pageX — this. offsetLeft; // 随 意 选 取 一 点 
Var ryl = e. pageY -— this. offsetTop; 
// 将 选取 点 的 值 赋 给 Xzuobiao、Yzuobiao, 作为 旋转 点 
document. getElementById("Xzuobiao").value= rxl; 
document. getElementById("Yzuobiao").value= ryl; 
} 
, 
function revolve( ){// 旋 转 函 数 


var ang = document. getElementById("drevolve").value; // 旋 转角 度 
var zheng = Math. sin(ang * Math. PI/180); // 正 弦 
var Yu = Math. cos(ang * Math. PI/180); // 余 弦 


huabu. onmousedown = function(e){ 
e= window. event| |e; 
var rxl = e. pageX - this. offsetLeft; // 拾 取 点 (rxl, ry1) 
Var ryl = e. pageY ~ this. offsetTop; 
// 将 该 点 的 值 通过 查找 id 的 方式 赋 给 旋转 点 (rx, ry) 
document. getElementById("Xzuobiao").value = rxl; 
document. getElementById("Yzuobiao").value= ryl; 
} 
var rx = document. getElementById( "Xzuobiao" ). value; 
var ry = document. getElementById("Yzuobiao").value; 


var T1 = new Array(3); // 将 图 形 旋 转 点 (rx, ry) 平 移 到 原点 位 置 
for(var i= 0;i<T1.length;i++){ 
T1[i] = new Array(3); // 平 移 变换 矩阵 用 二 维 数组 表示 


} 
T1[0][0] =1; Ti1[0][1] =0; T1[0][2] = 0; 
iti0]=0; WLI = ,T0210; 
T1[2][0] =— rx; T1[2][1] =— ry; T1[2][2] =1; 
var T2 = new Array(3); // 将 图 形 绕 旋转 点 旋转 
for(var i=0;i<T2.1length;i++){ 
T2[i] = new Array(3); 
} 
T2[0][0] = yu; T2[0][1] = zheng; T2[0][2] = 0; 
T2[1][0] = ~ zheng; T2[1][1] = yu; T2[1][2] =0; 
T2[2][0] = 0;T2[2][1] = 0; T2[2][2] =1; 
var T3 = new Array(3); // 将 旋转 后 的 图 形 再 平移 到 原来 的 位 置 上 
for(var i= 0;i<T3.length;i++){ 
T3[i] = new Array(3); 
} 








} 
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T3[0][0] =1; T3[0][1] =0; [0][2] =0; 
T3[1][0] = 0; T3[1][1] =1; T3[1][2] = 0; 
T3[2][0] = rx; T3[2][1] = ry; T3[2][2]=1; 


var templ = Multiply2D3v3(T1, T2); // 定 义 3x3 矩阵 
var T= Multiply2D3v3(templ,T3); // 总 体 变换 和 矩阵 
Var Revpoints = new Array(); // 旋 转 后 的 点 的 集合 


for(var i= 0;i<points. length; i++){ 
var sarrpoints = new Array(1); 
sarrpoints[0] = [points[i].x,points[i].y,1]; //[x y 1] 和 矩阵 
var farrpoints = Multiply2Dlv3(sarrpoints,T);  // 定 义 1x3 和 矩阵 
var newP = Object. create( {x:farrpoints[0][0],y:farrpoints[0][1]}); 
Revpoints. push(newP); 

} 

points. length= 0; 

for(var ii= 0;ii<Revpoints. length;ii++) { 
points. push(Revpoints[ii]); // 更 新 点 集 

| 

context. clearRect(0, 0,mycanvas. width, mycanvas. height); 

context. beginPath( ) ; 

context. moveTo( points[0].x,points[0].y); 

for(var 1=1;1< points. length;1++){ 
context. lineTo(points[1].x,points[1].y); 

} 

context. strokeStyle = "black"; 

context. stroke( ); 


// 定 义 3x3 矩阵 
function Multiply2D3v3(arrl,arr2){ 


var tempArray = new Array(3); 
for(var i=0;i<3;i+t+){ 
tempArray[i] = new Array(3); 


if(arrl[0].length!= arr2.length) 。 // 若 相 乘 矩阵 不 都 是 3 阶 时 ,提出 警告 
{ 
alert(" 数 组 行列 不 匹配 ,无 法 相 乘 ") ; 
Jelse{ 


tempArray[0][0] = arrl[0][0] * arr2[0][0] + arrl[0][1] * arr2[1][0] + arrl[0][2] * arr2[2][0]; 
temparray[0][1] = arrl[0][0] * arr2[0][1] + arrl[0][1] * arr2[1][1] + arrl[0][2] * arr2[2][1]; 
temparray[0][2] = arrl[0][0] * arr2[0][2] + arrl[0][1] * arr2[1][2] + arrl[0][2] * arr2[2][2]; 
tempArray[1][0] = arrl[1][0] * arr2[0][0] + arrl[1][1] * arr2[1][0] + arrl[1][2]* arr2[2][0]; 
tempArray[1][1] = arrl[1][0] * arr2[0][1] + arrl[1][1]* arr2[1][1] + arrl[1][2] * arr2[2][1]; 
tempArray[1][2] = arrl[1][0] * arr2[0][2] + arrl[1][1] * arr2[1][2] + arrl[1][2] * arr2[2][2]; 
tempArray[2][0] = arrl[2][0] * arr2[0][0] + arrl[2][1] * arr2[1][0] + arrl[2][2]* arr2[2][0]; 
tempArray[2][1] = arrl[2][0] * arr2[0][1] + arrl[2][1]* arr2[1][1] +arrl[2][2]* arr2[2][1]; 
tempArray[2][2] = arrl[2][0] * arr2[0][2] + arrl[2][1] * arr2[1][2] + arrl[2][2]* arr2[2][2]; 


让 





return tempArray; 


} 


// 定 义 1x3 矩阵 
function Multiply2Dlv3(arrl, arr2){ 


var tempArray = new Array(1); 
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tempArray[0] = new Array(3); 
if(arrl[0]. length!= arr2. length) 
{ 
alert(" 数 组 行列 不 匹配 ,无 法 相 乘 "); 
}else{ 
tempArray[ 0][0] = arrl[0][0] * arr2[0][0] + arrl[0][1] * arr2[1][0] + arr1[0][2] * arr2[2][0]; 
tempArray[ 0][1] = arrl[0][0] * arr2[0][1] + arr1[0][1] * arr2[1][1] + arr1[0][2] * arr2[2][1]; 
tempArray[ 0][2] = arrl[0][0] * arr2[0][2] + arr1[0][1] * arr2[1][2] +arr1[0][2] * arr2[2][2]; 
return tempArray; 
有 


添加 名 为 “旋转 ”的 可 以 执行 旋转 功能 的 按钮 ,并 添加 块 级 元 素 div, 使 实现 旋转 功能 的 
相关 数据 均 在 其 中 表示 。 

< input type = "button" name = "xuanzhuan" value = "旋转 " onclick = "RoelveButton()" /> 

<div id = "re"> 

旋转 角度 < input type = "text" value = "45" id = "drevolve" size= "1"/> 

旋转 中 心 X< input type = "text" id = "Xzuobiao" size= "1"/> 

Y< input type = "text" id = "Yzuobiao" size= "1"/> 

< input type = "button" value = "确定 " onclick = "revolve()" /> 

</div> 

当 完 成 多 边 形 后 , 单 击 * 旋 转 ?按钮 ,调用 revolve() 气 数 ,调用 旋转 功能 ,在 页 面 中 随意 
单 击 一 点 作为 旋转 点 ,此 时 在 旋转 中 心 z、y 中 便 会 出 现 旋转 点 的 值 。 再 单 击 “确定 ”按钮 ， 
调用 RoelveButton() 函 数 , 完 成 旋转 。 旋 转角 度 经 设置 默认 为 45", 也 可 以 根据 需要 进行 更 
改 。 二 维 图 形 的 旋转 变换 效果 如 图 11. 2-6 所 示 。 
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图 11.2-6 二 维 图 形 的 旋转 变换 


二 维 图 形 的 比例 变换 
二 维 图 形 的 比例 变换 是 以 原点 为 基准 。 对 于 图 形 的 比例 变换 , 需 先 将 图 形 平移 ,使 缩放 
中 心 与 原点 重合 , 设 此 操作 的 变换 矩阵 为 厂 ; 在 原点 进行 比例 变换 操作 , 设 此 操作 的 变换 矩 


阵 为 T。; 再 将 变换 后 的 图 形 平移 至 原 位 置 , 设 此 操作 的 变换 矩阵 为 T;。 此 时 的 图 形 便 是 在 
缩放 中 心 缩放 后 得 到 的 图 形 。 相 关 功 能 代码 如 下 所 示 
function zoomButton( ){ 


document. getElementById( "ddzoom"). style. display= "" 
huabu. onmousedown = function(e){ 
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e= window. event | |e; 
Var Zoomx] = e. pageX — this. offsetLeft; 
Var Zoomyl] = e. pageY ~ this. offsetTop; 
document. getElementById("ZoomX").value = Zoomxl; 
document. getElementById("ZoomY").value = Zoomyl; 
} 
} 
function zoom( ){ // 缩 放 函 数 
huabu. onmousedown = function(e){ 
e= window. event| |e; 
Var Zoomx1l = e. pageX — this. offsetLeft; // 缩 放 点 
Var Zoomyl = e. pageY — this. offsetTop; 
// 将 此 点 的 值 赋 给 id 为 ZoomX、ZoonmY 的 缩放 中 心 
document. getElementById("ZoomX" ) . value = Zoomxl; 
document. getElementById("ZoomY" ) . value = Zoomyl; 
} 
var R= document. getElementById("ZoomR").value; // 比 例 因 子 
var eX = document. getElementById("ZoomX" ) . value; // 缩 放 中 心 
Var eY = document. getElementById( "ZoomY").value; 
var zoompoints = new Array(); 
var T1 = new Array(3); 
for(var i=0;1i<T1.length;i++){ // 将 图 形 的 缩放 中 心平 移 至 原点 
T1[i] = new Array(3); // 平 移 变换 矩阵 用 二 维 数组 表示 
} 
T1[0][0] =1; T1[0][1] =0; T1[0][2] = 0; 
T1[1][0] =0; T1[1][1] =1; T1[1][2] = 0; 
T1[2][0] =-ex; T1[2][1] =-eY; T1[2][2] =1; 
for(var i=0;i<points. length; i++){ // 进 行 平移 操作 
var sarrpoints = new Array(1); 
sarrpoints[0] = [points[i].x,points[i].y,1]; //[x y 1] 和 矩阵 
var farrpoints = Multiply2Dlv3(sarrpoints,rl);  // 定 义 1x3 抢 阵 
var newP = Object. create({x:farrpoints[0][0],Y:farrpoints[0][1])})， 
zoompoints.push(newP) ; // 平 移 后 点 的 集合 
for(var j= 0;j< zoompoints. length; j++){ // 进 行 缩放 操作 
zoompoints[j].x= zoompoints[j].x*R; 
zoompoints[j].y= zoompoints[j].y*R; 
} 
var T3 = new Array(3); // 将 缩放 后 的 图 形 平移 至 原来 的 缩放 点 
for(var iii=0;iii<r3.1length;iii++){ 
T3[iii] = new Array(3); 
} 
T3[0][0] =1; T3[0][1] = 0; T3[0][2] = 0; 
T3[1][0] = 0; T3[1][1] =1; T3[1][2] = 0; 
T3[2][0] = ex; T3[2][1] = eY; T3[2][2] =1; 
var zoompointsl = new Array(); // 进 行 平移 操作 
for(var k=0;k<points. length;k++) { 
var sarrpointsl = new Array(1); 
sarrpoints1[0] = [zoompoints[k].x,zoompoints[k].y,1]; 
var farrpointsl = Multiply2D1lv3( sarrpoints], r3); 
var newP = Object. create( {x:farrpoints1[0][0],y:farrpoints1[0][1]}); 
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zoompointsl1. push(newP); 
. 
points. length= 0; 
for(var c= 0;c< zoompoints1. length;c++) // 进 行 点 的 更 新 
{ 
points. push(zoompointsl[c]); 
} 
context. clearRect(0,0, mycanvas. width, mycanvas. height); 
context. beginPath( ); 
context. moveTo( points[0].x,points[0].y); 
for(var 1=1;1<points. length;1++) { 
context. lineTo(points[1].x,points[1].y); 
} 
context. stroke( ); 
} 
添加 名 为 “缩放 ”的 可 以 执行 缩放 功能 的 按钮 ,并 添加 块 级 元 素 div, 使 实现 比例 变换 的 
相关 数据 均 在 其 中 表示 。 
< input type = "button" name = "suofang" value = "缩放 "onclick = "zoomButton()" /> 
<div id= "ddzoom"> 
比例 因子 < input type = "text" value = "0.5" id = "ZoomR" size= "1" /> 
缩放 中 心 X< input type = "text" id= "ZoomX" size="1" /> 
Y< input type = "text" id = "ZoomY" size= "1" /> 
< input type = "button" value = "确定 " onclick = "zoom()"”/> 
</div> 
当 完 成 多 边 形 后 , 单 击 “缩放 ”按钮 ,调用 zoom() 函数 ,调用 比例 缩放 功能 ,随意 单 击 一 
点 作为 缩放 点 ,此 时 在 缩放 中 心 z、y 中 便 会 出 现 缩放 点 的 值 。 再 单 击 “确定 ”按钮 ,调用 
zoomButton() 函 数 ,完成 比例 缩放 。 比 例 因 子 经 设置 默认 为 0. 5, 也 可 以 根据 需要 进行 更 
改 。 二 维 图 形 的 比例 变换 效果 如 图 11. 2-7 所 示 。 
Dim mn mn 
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图 11.2-7 二 维 图 形 的 比例 变换 


4. 二 维 图 形 的 镜像 变换 

二 维 图 形 的 镜像 变换 是 以 原点 为 基准 。 对 于 图 形 的 镜像 变换 , 需 先 将 图 形 与 镜像 线 进 
行 平移 ,使 镜像 线 和 y 轴 的 交点 与 原点 重合 , 设 此 操作 的 变换 矩阵 为 T，; 绕 原点 旋转 0, 使 
镜像 线 与 x 轴 重 合 , 设 此 操作 的 变换 矩阵 为 T,; 在 z 轴 进行 镜像 变换 , 设 此 操作 的 变换 矩 
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阵 为 T，; 绕 原点 反 向 旋转 0, 至 原 位 置 , 设 此 操作 的 变换 矩阵 为 T，; 再 平移 到 图 形变 换 前 的 


所 示 : 


function mirror() 


换 矩 阵 为 T;。 此 时 的 图 形 便 是 镜像 后 的 图 形 。 相 关 功 能 代码 如 下 


{ 


alert(' 请 点 击 两 点 确定 镜像 直线 '); 


var shu= 0; 


var mirLine = new Array(2); // 镜 像 线 的 点 的 集合 
Var Mirpoints = new Array(); // 镜 像 后 的 点 的 集合 
huabu. onmousedown = function(e){ // 单 击 两 点 确定 镜像 直线 


e= window. event| |e; 

SX= €.pageX— this. offsetLeft; 

sY= e. pageY — this. offsetTop; 

var mP = Object. create( {x: sxX, y:sY}); 


if(shu==1){ 
mirLine[1] = mp; 
Jelse{ 


mirLine[0] = mirLine[1]; 
mirLine[1] = mP; 


// 旋 转角 度 0 

var ang = Math. atan( (mirLine[1].y- mirLine[0].Y)/(mirLine[1].x- mirLine[0].x)); 
var T1 = new Array(3); // 将 图 形 与 镜像 直线 进行 平移 
for(var i=0;i<T].length;i++){ 


} 
T1[0 
T1[1 
T1[2 
(mirLine[1].y 
T1[2 


T1[i] = new Array(3); 


0]=1; T1[0][1] =0; T1[0][2] = 0; 

0] =0; T1[1][1] =1; T1[1][2] =0; 

0] =0; T1[2][1] = 
—mirLine[0].y)/(mirLine[1].x— mirLine[0].x) * mirLine[0].x— mirLine[0].y; 
2]=1; 


var T2 = new Array(3); // 绕 坐标 原点 旋转 0 使 镜像 线 与 x 轴 重 合 
for(var i=0;i<T2.1length;i++){ 


} 


T2[i] = new Array(3); 








T2[0][0] = Math. cos( - ang);T2[0][1] = Math. sin( ~ ang); T2[0][2] = 0; 
T2[1][0] =- Math. sin( ~ ang); T2[1][1] = Math. cos( ~ ang); T2[1][2] =0; 
T2[2][0] = 0; T2[2][1] = 0; T2[2][2] =1; 

var T3 = new Array(3); // 对 x 轴 进行 镜像 变换 


for(var i=0;i<T3.1length;i++){ 


} 

T3[0 
T3[1 
T3[2 


T3[i] = new Array(3); 


0]=1; T3[0][1] =0; T3[0][2] =0; 
[0] =0; T3[1][1] = -1; T3[1][2]=0; 
0] =0; T3[2][1] = 0; T3[2][2] =1; 








var T4 = new Array(3); // 反 向 旋转 至 原 位 置 
for(var i=0;i<T4.length;i++){ 


T4[i] = new Array(3); 





} 

T4[0][0] = Math. cos(ang); T4[0][1] = Math. sin(ang); T4[0][2] = 0; 
T4[1][0] =- Math. sin(ang); T4[1][1] = Math. cos(ang); TA[1][2] = 0; 
T4[2][0] = 0; T4[2][1] =0; T4[2][2] =1; 

var T5 = new Array(3); // 平 移 至 原 位 置 


for(var i=0;i<T5.1length;i++) { 
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T5[i] = new Array(3); 

} 

T5[0][0] =1; T5[0][1] = 0; T5[0][2] = 0; 

T5[1][0] =0; T5[1][1] =1; T5[1][2] = 0; 

T5[2][0] = 0; T5[2][1]= 

mirLine[0].y— (mirLine[1].y— mirLine[0].y)/(mirLine[1].x— mirLine[0].x) * mirLine[0].x; 

T5[2][2] =1; 

var t12 = Multiply2D3v3(T1, T2); 

var t23 = Multiply2D3v3(t12, T3); 

var t34 = Multiply2D3v3(t23, T4); 

var t45 = Multiply2D3v3(t34, T5); // 得 镜像 的 组 合 变换 矩阵 

for(var i=0;i<points. length; i++){ // 进 行 点 的 组 合 变换 
var sarrpoints = new Array(1); 
sarrpoints[0] = [points[i].x,points[i].y,1]; 
var farrpoints = Multiply2D1lv3(sarrpoints, t45); 
var newP = Object. create( {x:farrpoints[0][0],y:farrpoints[0][1]}); 
Mirpoints. push( newP); 

} 

points. length= 0; 

for(var ii= 0;ii<Mirpoints. length;ii++){ // 进 行 点 的 更 新 
points. push(Mirpoints[ii]); 

} 

context. clearRect(0,0,mycanvas. width, mycanvas. height) ; 

context. beginPath( ) ; 

context. moveTo( points[0]. x,points[0].y); 

for(var 1=1;1< points. length;1++){ 
context. lineTo( points[1].x,points[1].y); 

} 

context. stroke( ); 

} 


、 
添加 名 为 “镜像 ”的 可 以 执行 镜像 功能 的 按钮 。 


< input type = "button" name = "jingxiang" value = "镜像 "onclick = "mirror()" /> 

当 完 成 多 边 形 后 , 单 击 “ 镜 像 ” 按 钮 , 便 会 弹出 提示 “请 点 击 两 点 确定 镜像 直线 ”的 对 话 
框 , 单 击 “ 确 定 ” 按 钮 后 单 击 两 点 确定 镜像 线 , 便 完成 镜像 变换 ,形成 镜像 后 的 图 形 。 二 维 图 
形 的 镜像 变换 效果 如 图 11. 2-8 所 示 。 
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11.2-8 二 维 图 形 的 镜像 变换 
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11.2.6 二 维 图 形 拉 伸 生 成 三 维 图 形 


当 给 定 或 者 拾取 一 个 平面 图 形 后 ,可 通过 拉 伸 得 到 三 维 立体 图 形 。 拉 伸 的 意义 在 于 直 
接 给 原始 的 二 维 坐标 进行 第 三 维度 坐标 的 赋值 ,使 其 具有 深度 意义 ,实现 图 形 的 立体 感 。 相 
对 于 二 维 图 形 ,三 维 图 形 多 出 了 深度 维 的 坐标 ,因此 ,在 换算 成 齐 次 坐标 后 ,三维 点 即 可 以 用 
4X1 矩阵 来 表示 。 二 维 图 形 拉 伸 生成 三 维 图 形 的 相关 代码 如 下 所 示 : 


var points3Dq = new Array(); // 三 维 变换 前 图 形 点 集 
var points3Dh = new Array( ); // 三 维 变 换 后 图 形 点 集 


function lashen( ){ 
var Zvalue = window. prompt(" 请 输入 拉 伸 距离 ",30); 
var temlpoints = new Array(); // 拉 伸 前 的 点 集 
var tem2points = new Array(); // 拉 伸 后 的 点 集 
var lashenl = new Rrray(4) 
for(var i= 0;i< lashen1. length; i++){ // 将 二 维 图 形 拉 伸 生 成 三 维 图 形 的 矩阵 变换 
lashenl[i] = new Array(4); 
} 
lashen1[0][0] =1;lashen1[0][1] = 0; lashenl[0][2] = 0; lashenl[0][3] = 0; 
lashenl[1][0] = 0; lashenl[1][1] =1; lashenl[1][2] = 0; lashenl[1][3] = 0; 
lashen1[2][0] = 3; lashenl[2][1] = 3; lashenl[2][2] =1; lashen1[2][3] = 0; 
lashen1[3][0] = 0; lashen1[3][1] = 0; lashen1[3][2] = 0; lashen1[3][3] =1; 
for(var i= 0;i<points. length;i++){ // 拉 伸 前 图 形 点 的 表示 
var qian3D = Object. create( {x:points[i].x,y:points[i].y,z:0}); 
points3Dq. push( qian3D); 
} 
for(var i=0;i<points. length;i++){ // 拉 伸 后 图 形 点 的 表示 
var hou3D = Object. create( {x:points[i].x,y:points[i].y,z:2Zvalue}); 
points3Dh. push(hou3D) 
} 
for(var i= 0;i< points3Dq. length;i++){ // 将 二 维 图 形 进行 拉 伸 变 换 
var sarrpoints = new Array(1); 
sarrpoints[0] = [points3Dq[ i].x, points3Dg[i].y,points3Dg[i].z,1]; 
var farrpoints = Mullv4( sarrpoints, lashen1); //1x4 矩阵 
Var newP= 
Object. create( {x:farrpoints[0][0],y:farrpoints[0][1],z:farrpoints[0][2]}); 
temlpoints. push(newP) ; 
} 
points3Dg. length= 0; 
for(var ii= 0;ii<temlpoints. length;ii++) { 
points3Dq. push( temlpoints[ ii]); 
} 
for(var i= 0;i< points3Dh. length;i++){ // 将 拉 伸 后 形成 的 图 形 的 点 进行 更 新 
var sarrpoints = new Array(1); 
sarrpoints[0] = [points3Dh[ i].x,points3Dh[i].y,points3Dh[i].z,1]; 
var farrpoints = Mullv4( sarrpoints, lashenl1); 
Var newP= 
Object. create( {x:farrpoints[0][0],y:farrpoints[0][1],z:farrpoints[0][2]}); 
tem2points. push( newP); 
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} 
points3Dh. length= 0; 
for(var ii= 0;ii<tem2points. length;ii++) { 
points3Dh. push( tem2points[ii]); 
} 
context. beginPath( ); // 将 图 形 的 点 进行 更 新 变换 
context.moveTo(points3Dq[ 0]. x, points3Dg[ 0].y); 
for(var 1=1;1< points3Dg. length;1++){ 
context. lineTo( points3Dqg[ 1]. x, points3Dqg[1].y); 
} 
context. moveTo( points3Dh[ 0]. x, points3Dh[0].y); 
for(var 1= 1;1 < points3Dh. length;1++){ 
context. lineTo( points3Dh[ 1]. x, points3Dh[1].y); 
} 
for(var c= 0;c<points3Dg. length;c++) { 
context. moveTo( points3Dq[ c].x, points3Dg[c].y); 
context. lineTo( points3Dh[ c]. x, points3Dh[c].y); 
} 
context. stroke( ); 
} 
// 定 义 1x4 和 矩阵 
function Mullv4(arrl,arr2){ 
var temp2Array = new Array(1); 
temp2Array[0] = new Array(4); 
if(arrl[0]. length!= arr2. length){ 
alert(" 数 组 行列 不 匹配 ,无 法 相 乘 "); 
Jelse{ 
temp2Array[0][0] = 
arrl[0][0] * arr2[0][0] + arrl[0][1] * arr2[1][0] + arrl[0][2] *arr2[2][0] + arrl[0][3] * 
arr2[3][0]; 
temp2Array[0][1] = 
arrl[0][0] * arr2[0][1] + arrl[0][1] * arr2[1][1] + arrl[0][2] * arr2[2][1] + arrl[0][3] * 
arr2[3][1]; 
temp2Array[0][2] = 
arrl[0][0] * arr2[0][2] + arr1[0][1] * arr2[1][2] + arri[0][2] * arr2[2][2] + arrl[0][3] * 
arr2[3][2]; 
temp2Array[0][3] = 
arrl[0][0] *arr2[0][3] + arrl[0][1]* arr2[1][3] + arrl[0][2] * arr2[2][3] + arrl[0][3] * 
arr2[3][3]; 
return temp2Array; 
} 
.| 


添加 名 为 “ 拉 伸 ”的 可 以 执行 拉 伸 功能 的 按钮 : 





















































< input type = "button" name = "lashen" value = " 拉 伸 " onclick = "lashen()" /> 


拾取 多 边 形 并 单 击 “ 拉 伸 ”按钮 后 ,会 弹出 一 个 可 以 输入 拉 伸 距 离 的 对 话 框 , 经 过 设置 ， 
默认 拉 伸 距离 为 30, 但 是 可 根据 具体 情况 进行 修改 。 单 击 “ 确 定 ” 按 钮 便 完成 二 维 图 形 的 拉 
伸 。 二 维 图 形 经 拉 伸 生成 三 维 图 形 的 效果 如 图 11. 2-9 所 示 。 
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图 11.2-9 二 维 图 形 拉 伸 生成 三 维 图 形 


需要 注意 的 是 ,代码 中 points3Dq( 和 points3Dh) temlpoints( 和 tem2points) 在 这 里 均 
表示 拉 伸 前 (后 ) 图 形 的 点 集 。 但 是 temlpoints 为 局 部 变量 ,只 在 拉 伸 变换 中 使 用 ,表示 拉 
伸 前 图 形 的 点 集 ; points3Dq 为 全 局 变量 ,在 这 里 表示 拉 伸 前 的 图 形 的 点 集 ,但 在 后 面 的 三 
维 变换 中 表示 三 维 变换 前 图 形 的 点 集 。 





11.2.7 三 维 图 形 的 组 合 变换 


三 维 图 形 组 合 变换 和 二 维 图 形 组 合 变换 的 原理 基本 相同 。 相 对 二 维 图 形 ,三 维 图 形 多 
了 纵向 坐标 ,因此 ,三 维 坐标 在 齐 次 坐标 下 的 变换 用 4X4 矩阵 表示 。 

1. 三 维 图 形 的 平移 变换 

三 维 图 形 的 平移 变换 相关 功能 代码 如 下 所 示 : 


function dMove( ){ 
Var sX;var sY;var fX;var fY; 
Var Rnum= 0; 
huabu. onmousedown = function(e){ 
if(Rnum== 1){ 
e= window. event| |e; 
SX= e.pageX - this. offsetLeft; 
sSY= e. pageY — this. offsetTop; 
} 
else if(Rnum== 2) { 
e= window. event| |e; 
var fX= e.pageX ~ this. offsetLeft; 
Var fY = e. pageY — this. offsetTop; 
var dX = fX— sX; 
var dyY = fY— sY; // 图 形 在 x\y 轴 方 向 上 移动 的 距离 
for(var a= 0;a< points3Dq. length;at+){ // 将 拉 伸 后 图 形 的 点 进行 平移 变换 
points3Dq[a].x= points3Dq[a].x+ dX; 
points3Dq[a].Y= points3Dq[a].Y+ dy; 
} 
for(var b= 0;b< points3Dh. length;b++){ // 将 平移 后 图 形 的 点 进行 更 新 变换 
points3Dh[b].x= points3Dh[b].x+ dX; 
points3Dh[b].y= points3Dh[b].y+dY; 
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} 
context. clearRect(0,0, mycanvas. width, mycanvas. height); // 更 新 图 形 的 点 
context. beginPath( ); 
context. moveTo( points3Dq[0].x, points3Dg[0].y); 
for(var cc= 1;cc<points3Dq. length;cc++){ 
context. lineTo(points3Dq[ cc]. x, points3Dq[ cc].y); 


} 
context. moveTo( points3Dh[0].x,points3Dh[0].y); 


for(var cc = 1;cc< points3Dh. length;cc++){ 
context. lineTo( points3Dh[cc]. x, points3Dh[ cc]. y); 


for(var c= 0;c< points3Dg. length;c++){ 
context. moveTo( points3Dq[ c]. x, points3Dg[c].y); 
context. lineTo(points3Dh[ c]. x, points3Dh[c].y); 


} 
context. strokeStyle = "black"; 
context. stroke( ); 


} 
添加 名 为 “3D 平 移 ” 的 可 以 执行 三 维 平移 变换 相关 功能 的 按钮 : 
< input type = "button" name = "B12" value = "3D 平移 " onclick = "dMove()" /> 
进行 拉 伸 形 成 三 维 图 形 后 , 单 击 “3D 平移 ”按钮 , 便 可 以 完成 三 维 图 形 的 平移 变换 。 平 
移 效果 如 图 11. 2-10 所 示 。 
S ze i © >Eiaaaaa 


















































€¢ OO | mpm ] 女 | |e 
画 续 ] 性 章 权 组 ] | 拉 俩 ] |[ 30 平移 本 线 ] H 交 x 坦 拉夫] 3D 平 移 
SE EE 


图 11.2-10 三 维 图 形 的 平移 变换 


2. 三 维 图 形 的 旋转 变换 
在 三 维 空间 中 ,可 以 分 别 绕 z、y、z 三 个 轴 进 行 旋 转变 换 。 相 关 代码 如 下 所 示 : 


function dRevolve( ){ 
var ang = document. getElementById( 'xuanzhuanAng') .value; ”// 旋 转角 度 
var radioVal = document. getElementsByName( '1'); // 旋 转轴 
Var roller = 0; 
for(var i=0;i<radioVal. length;i++){ 
if(radioVal[i].checked){ 
roller = radioVal[i].value; 
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break; } 
}; 
var zheng = Math. sin(ang * Math. PI/180); 
var Yu = Math. cos(ang * Math. PI/180); 
if(roller == 0){ 
var T1 = new Array(4); // 绕 x 轴 旋转 变换 矩阵 
for(var k= 0;k<T1.length;k++){ 
T1[k] = new Array(4); 
} 
T1[0][0] =1; T1[0][1] = 0; T1[0][2] = 0; T1[0][3] =0; 
T1[1][0] = 0; T1[1][1] = yu; T1[1][2] = zheng; T1[1][3] =0; 
T1[2][0] =0; T1[2][1] =~ zheng; T1[2][2] = yu; T1[2][3] = 0; 
T1[3][0] =0; T1[3][1] =0; T1[3][2] = 0; T1[3][3] = 1; 
}else if(roller ==1) { 
var Tl = new Array(4); // 绕 了 轴 旋 转变 换 矩 阵 
for(var k= 0;k<T1.length;k++){ 
T1[k] = new Array(4); 
} 
T1[0][0] = yu; T1[0][1] = 0; [0][2] = ~- zheng; [0][3]=0; 
T1[1][0] = 0; T1[1][1]=1; T1[1][2] = 0; T1[1][3] =0; 
T1[2][0] = zheng; T1[2][1] = 0; T1[2][2] = yu; T1[2][3] =0; 
T1[3][0] = 0; T1[3][1] = 0; T1[3][2] = 0; T1[3][3] =1; 
Jelse if(roller ==2) { 
var T1 = new Array(4); // 绕 z 轴 旋 转变 换 矩 阵 
for(var k=0;k<T1.length;k++){ 
T1[k] = new Array(4); 
} 
T1[0][0] = yu; T1[0][1] = zheng; T1[0][2] = 0; T1[0][3]=0; 
T1[1][0] =- zheng; T1[1][1] = yu; T1[1][2] =0; T1[1][3] =0; 
T1[2][0] =0; Ti1[2][1] = 0; T1[2][2] =1; T1[2][3] = 0; 
T1[3][0] = 0; T1[3][1] = 0; T1[3][2] = 0; T1[3][3] =1; 
} 
Var temP = new Array( ); 
for(var i= 0;i<points3Dq. length; i++){// 三 维 变换 矩阵 
var sarrpoints = new Array(1); 
sarrpoints[0] = [points3Dq[i].x,points3Dq[ i].Y,points3Dq[ i].z,1]， 
var farrpoints = Mullv4(sarrpoints, T1); 
var newP = 
Object. create( {x:farrpoints[0][0], y:farrpoints[0][1],z:farrpoints[0][2]}); 
temP. push( newP); 
} 
points3Dgqg. length = 0; 
for(var ii= 0;ii< temP. length;ii++){ 
points3Dq. push( temP[ ii]); 
} 
Var temPl = new Array(); 
for(var i= 0;i<points3Dh. length; i++){// 将 旋转 后 图 形 的 点 进行 更 新 
var sarrpoints = new Array(1); 
sarrpoints[0] = [points3Dh[i].x,points3Dh[i].y,points3Dh[i].z,1]; 
var farrpoints = Mullv4( sarrpoints, T1); 
Var newP= 
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Object. create( {x:farrpoints[0][0],y:farrpoints[0][1],z:farrpoints[0][2]}); 
temP1. push( newP); 
} 
points3Dh. length = 0; 
for(var ii=0;ii< temPl.length;ii++) { 
points3Dh. push( temP1[ii]); 
} 
context. clearRect(0, 0, mycanvas. width, mycanvas. height); // 更 新 点 集 
context. beginPath( ); 
context. moveTo(points3Dq[0].x, points3Dq[0].yY); 
for(var 1= 1;1<points3Dq. length; 1++){ 
context. lineTo(points3Dg[ 1]. x, points3Dg[1]. y); 
} 
context. moveTo( points3Dh[ 0]. x, points3Dh[ 0].y); 
for(var 1=1;1 < points3Dh. length;1++){ 
context. lineTo( points3Dh[ 1].x, points3Dh[1]. y); 
} 
for(var c= 0;c< points3Dg. length;c++){ 
context. moveTo( points3Dqg[ c]. x, points3Dqg[c]. y); 
context. lineTo( points3Dh[c].x, points3Dh[c]. y); 
} 
context. strokeStyle = "blue"; 
context. stroke( ); 
} 


添加 名 为 “3D 旋转 ”的 可 以 执行 三 维 旋转 功能 的 按钮 : 


< input type = "button" name = "dxuanzhaun " value = "3D 旋转 " onclick = " dRevolve()" /> 

旋转 角度 : < input id = "xuanzhuanAng" type = "text" value= 15 size= "1"> 

旋转 轴 : < input id = "Xzhou"” type = "radio" checked = "checked" name = "1" value = "0"/> x 轴 
< input id = "Yzhou" type = "radio" value= "1" name="1"/>y 轴 

< input id = "Zzhou" type = "radio" value= "2" name= "1"/> z 轴 


当 完成 拉 伸 变 换 后 , 单 击 “3D 旋转 ”按钮 , 便 完成 相关 三 维 图 形 的 旋转 变换 。 经 过 设置 ， 
这 里 默认 旋转 角度 为 15", 绕 并 轴 旋 转 , 但 是 可 根据 需要 进行 更 改 。 绕 工 轴 、y 轴 的 旋转 变换 
效果 如 图 11. 2-11 所 示 。 
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11.2-11 三 维 图 形 绕 x 轴 \y 轴 的 旋转 变换 
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3. 三 维 图 形 的 比例 变换 
三 维 图 形 比例 变换 的 变换 矩阵 具有 zx、y、z 三 个 方向 的 比例 因子 。 相 关 功 能 代码 如 下 
所 示 : 


function dZoom( ){ 
var R= window. prompt(" 请 输入 比例 因子 ",0.5); 
var rl = new Array(4); 
for(var i=0;i<rl.length;i+t+) { // 比 例 变 换 矩 阵 
rl[i] = new Array(4); 
} 
rl[0][0] =R; ri[0][1] =0; ri[0][2] =0; ri[0][3] = 0; 
rl[1][0]=0; ri[1][1] =R; ri[1][2] = 0; ri[1][3] = 0; 
rl[2][0] = 0; ri[2][1] = 0; ri[2][2] =R; ri[2][3] = 0; 
rl[3][0] = 0; ri[3][1] = 0; rl[3][2] = 0; ri[3][3] =1; 
Var zoompoints = new Array(); 
for(var i= 0;i< points3Dq. length; i++){ // 三 维 变换 矩阵 
var sarrpoints = new Array(1); 
sarrpoints[0] = [points3Dq[ i].x,points3Dg[i].y,points3Dg[i].z,1]; 
var farrpoints = Mullv4( sarrpoints, r1); 
Var newP= 
Object. create( {x:farrpoints[0][0],y:farrpoints[0][1],z:farrpoints[0][2]}); 
zoompoints. push( newP); 
} 
Points3Dq. length = 0; 
for(var j= 0;j< zoompoints. length; j++){ 
points3Dq. push(zoompoints[j]); 
} 
var zoompointsl = new Array( ); // 将 变换 后 图 形 的 点 进行 更 新 
for(var i= 0;i< points3Dh. length;i++){ 
var sarrpoints = new Array(1); 
sarrpoints[0] = [points3Dh[ i].x,points3Dh[i].y,points3Dh[i].z,1]; 
var farrpoints = Mullv4A( sarrpoints, r1); 
var newP= 
Object. create( {x:farrpoints[0][0],y:farrpoints[0][1],z:farrpoints[0][2]}); 
zoompoints1. push( newP); 
} 
points3Dh. length = 0; 
for(var j= 0;j < zoompoints1. length; j++){ 
points3Dh. push(zoompoints1[j]); 
} 
context. clearRect(0, 0, mycanvas. width, mycanvas. height); // 更 新 点 集 
context. beginPath( ); 
context. moveTo( points3Dq[ 0]. x, points3Dg[ 0]. y); 
for(var 1= 1;1 < points3Dq. length;1++){ 
context. lineTo(points3Dqg[ 1]. x, points3Dg[1].y); 
} 
context. moveTo( points3Dh[ 0]. x, points3Dh[ 0].y); 
for(var 1=1;1<points3Dh. length;1++){ 
context. lineTo(points3Dh[1].x, points3Dh[1].y); 
} 
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for(var c= 0;c<points3Dg. length;c++){ 
context. moveTo(points3Dq[c]. x, points3Dg[c].y); 
context. lineTo(points3Dh[c].x, points3Dh[c].y); 


} 
context. stroke( ); 


} 
添加 名 为 “3D 缩放 ”的 可 以 执行 三 维 比例 变换 的 按钮 : 
< input type = "button" name = "dsuofang" value = "3D 缩放 " onclick= "dzZoom()" /> 


完成 三 维 图 形 后 , 单 击 “3D 缩放 ”按钮 便 会 弹出 一 个 可 以 输入 比例 因子 的 对 话 框 ,经 设置 
默认 比例 因子 为 0.5, 但 是 可 以 根据 需要 进行 更 改 。 三 维 图 形 比 例 变换 后 的 效果 如 图 11. 2-12 
所 示 。 
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图 11.2-12 三 维 图 形 比 例 变换 


由 图 11. 2-12 可 以 看 出 ,三 维 图 形 的 比例 变换 是 以 原点 为 比例 变换 中 心 的 。 这 是 因为 
三 维 图 形 涉及 x 轴 , 而 纵 坐 标 在 这 里 是 无 法 用 鼠标 拾取 的 ,所 以 无 法 随意 拾取 图 形 的 比例 变 
换 中 心 ,只 能 默认 使 用 原点 。 


11.3 基于 WebGL 的 3D 图 形 


WebGL 是 一 种 3D 绘图 标准 ,这 种 绘图 技术 标准 允许 把 JavaScript 和 OpenGL ES 2.0 
结合 在 一 起 ,WebGL 可 以 为 HTML 5 的 canvas 标签 提供 硬件 3D 加 速 泻 染 ,这 样 Web 开 
发 人 员 可 以 借助 系统 显卡 在 浏览 器 中 更 流畅 地 展示 3D 场景 和 模型 。 

WebGL 完美 地 解决 了 现 有 的 Web 交互 式 三 维 动画 的 两 个 问题 : 第 一 , 它 通 过 HTML 
邯 本 本 身 实 现 Web 交互 式 三 维 动画 的 制作 ,无 须 任何 浏览 器 插件 支持 ; 第 二 , 它 利 用 底层 
和 图形 硬件 加 速 功能 进行 图 形 浑 染 , 是 通过 统一 的 .标准 的 、 跨 平台 的 OpenGL 接口 实 
现 的 。 

但 是 ,如 果 使 用 原生 WebGL 进行 3D 网 页 制作 :其 过 程 非常 烦琐 ,开发 难度 很 大 ,会 严 
影响 WebGL 的 开发 效率 。 为 了 解决 这 些 问题 ,一 些 开 发 人 员 开 发 出 了 许多 基于 WebGL 
4 开源 框架 ,从 而 为 其 他 开发 人 员 开 发 类 似 的 程序 提供 了 便利 。 目 前 ,比较 流行 的 WebGL 
框架 有 Three. js、PhiloGL、Babylon.js、SceneJS、WebGLU 等 .这 些 引擎 库 能 够 让 用 户 更 加 
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方便 地 进行 3D 图 形 绘制 和 动画 的 制作 。 其 中 ,Three. js 是 目前 应 用 最 广泛 的 WebGL 框 
架 , 而 且 完 全 采用 JavaScript 编写 而 成 ,以 简单 、 直 观 的 方式 封装 了 3D 图 形 编程 中 常用 的 对 
象 ,使 用 了 很 多 图 形 引 擎 的 高 级 技巧 , 极 大 地 提高 了 性 能 , 它 是 一 款 优秀 的 Web 端 3D 
引擎 。 


11.3.1 Three.js 绘制 3D 图 形 的 结构 


Three. js 是 基于 WebGL 的 3D Javascript 库 , 它 封装 了 场景 、, 相 机、 几何.3D 模型 加 载 
器 灯光、 材质 着色 器 动画、 粒子 .数学 工具 等 。 这 样 的 封装 让 用 户 能 够 更 加 直观 地 在 网 页 
中 制作 3D 图 形 和 动画 。 

在 Three.js 中 场景 ,相机 和 这 染 器 是 3D 图 形 绘制 的 基础 : 场景 是 所 有 对 象 放置 和 展 
示 的 平台 ; 相机 决定 图 形 展示 的 角度 ; 泻 染 器 决定 泻 染 的 结果 应 该 画 在 页 面 的 什么 元 素 上 
面 ,并 且 以 怎样 的 方式 来 绘制 。 完 成 3D 图 形 的 基本 代码 如 下 所 示 。 

1. 场景 的 设置 

: 维 场景 使 用 THREE. Scene 来 设置 。 





varscene = new THREE. Scene( ); 


2. 创建 相机 
Three.js 提供 了 两 种 相机 类 型 , 即 透 视 相 机 (PersepectiveCamera) 和 正 交 相机 
(COrthographicCamera) 。 其 中 透视 相机 最 贴近 真实 世界 ,所 以 使 用 较为 广泛 。 


Var camera = 
new THREE. PerspectiveCamera( 45, window. innerWidth/window. innerHeight, 1, 1000); 


3. 创建 泻 染 器 

为 了 达到 更 好 的 展示 效果 ,一般 选用 Three. js 中 演 染 效果 较 好 的 WebGLRenderer ,其 
兼容 性 不 是 最 优 , 但 是 也 可 以 满足 要 求 。 

Var renderer = new THREE. WebGLRenderer( ); 

renderer. setSize(window. innerWidth, window. innerHeight); 

4. 设置 光源 

在 Three.js 中 提供 了 4 种 基本 光源 , 即 环境 光 (AmbientLight)、 点 光源 (PointLight) 、 
聚光灯 (SpotLight) 和 方向 光 (DirectionLight)。 系 统 中 主要 用 到 环境 光 、 点 光源 和 聚光灯 。 





var ambientLight = THREE. AmbientLight(); 


完成 以 上 四 步 后 ,一 个 三 维 网 页 的 骨架 就 搭建 成 功 了 ,之 后 便 可 以 在 其 中 绘制 构建 三 维 
网 格 模型 添加 材质 以 及 灯光 等 效果 了 。 

5. 绘制 图 形 

三 维 模型 是 由 三 角形 面 或 者 四 边 形 面 组 成 的 网 格 模型 。 在 Three. js 中 用 THREE. 
Mesh 来 表示 三 维 网 格 模 型 。THREE. Mesh 的 构造 函数 是 : THREE. Mesh = function 
(geometry, material) 。 其 中 第 一 个 参数 geometry 是 一 个 THREE. Geometry 类 型 的 对 象 ， 
包含 了 模型 顶点 之 间 的 连接 关系 ; 第 二 个 参数 material 定义 了 模型 的 材质 ,材质 会 影响 光 
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照 ,纹理 对 Mesh 的 作用 效果 。 
var mesh = new THREE. Mesh( geometry, material ); 
6. 泻 染 循环 
使 创建 的 三 维 模型 可 以 在 场景 中 泻 染 循环 ,形成 动画 效果 。 
requestAnimationFrame( render); 
renderer. render( scene, camera); 
11.3.2 Web 下 的 三 维 模型 的 显示 
根据 上 述 Three. js 绘制 3D 图 形 的 基本 结构 , 现 通 过 一 个 简单 例子 来 真正 实现 网 页 中 
的 三 维 模型 的 显示 。 相 关 代 码 如 下 所 示 : 


< script src = "three. js"></script> 

< Script> 

// 场 景 

Var scene = new THREE. Scene( ); 

// 相 机 

Var camera = 

new THREE. PerspectiveCamera( 45, window. innerWidth/window. innerHeight, 1, 1000); 

camera, position, x= 15; // 设 置 相 机 的 位 置 

camera, position.z = 15; 

// 泻 染 

Var renderer = new THREE. WebGLRenderer( ); 

renderer. setClearColor(" # FFFFFF"); // 泻 染 器 背景 ,车 不 设置 ,背景 默认 为 黑色 
renderer. setSize(window. innerWidth, window. innerHeight); // 泻 染 器 大 小 ,为 计算 机 屏幕 大 小 
document. body. appendChild(renderer. domElement) ; // 泻 染 器 结果 ,将 结果 加 载 到 界面 中 

// 几 何 体 





Var geometry = new THREE. CubeGeometry(2,2,2); // 设 置 对 象 

Var material = new THREE. MeshBasicMaterial( {color:0x44ff44}); // 设 置 立 方 体 的 材质 颜色 
var cube = new THREE. Mesh( geometry, material); // 将 对 象 和 材质 传递 给 几何 体 

scene. add( cube); // 将 几何 体 加 载 到 场景 中 

// 光 源 


var ambientLight = new THREE. AmbientLight(0x0c0c0c); // 环 境 光 
scene. add(ambientLight); 
function render(){ 
requestAnimationFrame( render); // 泻 染 循环 
cube. rotation. x+= 0.1; // 立 方 体 旋转 速度 
cube. rotation.y+= 0.1; 
cube. rotation.z += 0.1; 
renderer. render( scene, camera) ; // 使 用 泻 染 器 ,结合 相机 和 场景 得 到 结果 画面 
} 
render( ); 
</script> 


至 此 一 个 简单 的 立方 体 便 完成 了 ,其 在 网 页 中 的 显示 效果 如 图 11. 3-1 所 示 。 
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图 11.3-1 网 页 中 的 立方 体 


需要 注意 的 是 ,WebGL 对 浏览 器 的 要 求 特别 高 ,目前 支持 WebGL 的 浏览 器 有 Chrome、 
FireFox、360 安全 浏览 器 6.0 IE9 等 。 
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